Hi, I am trying to change the height of the logo. By default it's 30px . I want to make it 50px. I tried to do it by changing the CSS code here - /var/www/mydomain.com/htdocs/assets/forum-ce817467.css
.Header-logo{max-height:50px;vertical-align:middle}
But as soon as I save it and then purge cache, it automatically changes to default css. I believe it's because Flarum has permission to make the change automatically.
So, next, I tried to make changes under /admin#/appearance and added "Edit Custom CSS"
But since I had already added some CSS to change fonts size and other stuff in HERO section. Once I add Header logo related code in it, it doesn't work.
But if I delete these Hero section related CSS code and only add header logo related code. It works. Not sure why so.
As of now this is the custom CSS code under Admin/#appearance:
img .Header-logo { border-width: 0; box-sizing: border-box; max-height: 40px !important; vertical-align: middle; }
.Hero{margin-top:-1px;background:#fff7fb;text-align:center;color:#ed0789; }
.Hero h2{margin:0;font-size:35px;font-weight:bold; color:#ed0789; line-height:1.5em}
.Hero .container{padding-top:20px;padding-bottom:20px}
.Hero-close {float:right;margin-top:-10px;color:inherit;opacity:0.5}
.Hero-subtitle{margin:10px 0 0; color: #52565e; margin-top: 20px;line-height:1.5em}
@media (max-width: 767px){
.Hero-close{margin-right:-10px}
}
@media (min-width: 768px){
.Hero h2{font-size:32px}
.Hero .container{padding-top:40px;padding-bottom:30px}
.Hero-subtitle{font-size:18px}
}
@media (min-width: 992px){
.IndexPage-nav .item-newDiscussion{margin-bottom:20px}
Now, help me as how can I change the height of the header logo o 50px or 40px. Where should I make change?
Thank you.
