I just installed and activated the theme. I used the theme customization to put in the logo but it doesn't get contained by the header. Does it just need to be smaller? I'm not sure what the deal is. Please advise.
Yes, it looks like the logo size is a bit too big. You can force it to be smaller using CSS. Please go to "Style Customizer > Others > Custom CSS" and try using this:
#logo {
max-height: 150px;
max-width: 180px;
}
@media only screen and (max-width: 959px) {
#logo {
margin: auto;
}
}
This should help. :)
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Thanks, Paul! I did adjust it like that and I do have the developer's tools. I have two other questions for you:
1) Is there any reason there is so much padding below the image to the bottom of the header?
2) There is a lot of space in between the header and the Video/Philosophy row. I have tried to go into the Editor and adjust this space (so there is less room in between), but haven't found exactly what it is called. How can I adjust this space?
One more related question. I wanted to adjust the css to add padding between the top of the header and the logo. Right now they nearly bump up against each other. I tried to do this via the editor in WordPress, but none of the potential styles worked (logo-wrapped and logo).
Hello,
I just installed and activated the theme. I used the theme customization to put in the logo but it doesn't get contained by the header. Does it just need to be smaller? I'm not sure what the deal is. Please advise.
Hi Eva,
Yes, it looks like the logo size is a bit too big. You can force it to be smaller using CSS. Please go to "Style Customizer > Others > Custom CSS" and try using this:
#logo { max-height: 150px; max-width: 180px; } @media only screen and (max-width: 959px) { #logo { margin: auto; } }
This should help. :)
In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.
Regards,
Paul
Thanks, Paul! I did adjust it like that and I do have the developer's tools. I have two other questions for you:
1) Is there any reason there is so much padding below the image to the bottom of the header?
2) There is a lot of space in between the header and the Video/Philosophy row. I have tried to go into the Editor and adjust this space (so there is less room in between), but haven't found exactly what it is called. How can I adjust this space?
Eva,
1. It is just my intention to have that white space in the default design. Reference: http://themes.uxbarn.com/wp/fineliner/
2. You would need to use custom CSS to adjust that. Please try using this custom CSS for the header and content:
#inner-content-container { margin-top: 40px; }
For reducing the space between the content and footer:
#content-container { padding-bottom: 40px; }
Thanks so much, Paul.
One more related question. I wanted to adjust the css to add padding between the top of the header and the logo. Right now they nearly bump up against each other. I tried to do this via the editor in WordPress, but none of the potential styles worked (logo-wrapped and logo).
Please advise.
Thank you!
Please try using this custom CSS. It should help.
#header-container { padding-top: 30px; }