Baskerville – logo size

lerecho · Member · May 19, 2016 at 5:25 pm
Copy link

Add topic to favorites
Hello everybody! What is the CSS code to change the size of the logo on the head of my wordpress? The logo appears in a small square and I’d like to have a larger area. Thank you for your help!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 20, 2016 at 2:17 am
Copy link
Hi, yes we can make it larger. The controlling dimension is the max-height, which is set at 160px. You can set that all the way up to 300px, which is the height of the image.
```
.header .site-logo img, .header .site-logo-link img {
max-height: 300px;
}
```
What you are going to notice though, is that this is going to mess up your header image. So, with the above set for 300px max-height, also add the following to fix the header image issue.
```
.header.bg-image {
    background-size: contain;
    background-color: #fff;
}
```
lerecho · Member · May 20, 2016 at 7:49 am
Copy link
Thank you for your key! It works!
Though I don’t see that the new size of my logo mess up the header image, it only make it look bigger but respecting the initial proportions…? Right?
thesacredpath · Member · May 21, 2016 at 3:49 pm
Copy link
Yes, that is right, and you are welcome.

No items found.