sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, add the following custom CSS to get rid of the space between the header image and the menu.
.site-branding {
padding: 0;
}
The space between the Home page title and featured pages is the area reserved for the Home page content. Since you do not have any content in the Home page, we can use this to hide those divs.
.home #post-4 .entry-content, .home #post-4 .entry-footer {
display: none;
}
If you wish to tighten up the spacing even further, add the following and adjust the 3.2em value.
@media screen and (min-width: 1000px) {
.home #primary {
padding-bottom: 3.2em;
}
}
Thank you so much!
That last bit of code didn’t seem to work, but the other ones were exactly what I needed. I appreciate your help!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
You are welcome.
My bad on the last code, I used the wrong selector. Give this a try if you still want to tighten the space up more.
@media screen and (min-width: 1000px) {
.front-page-content-area.content-area {
padding-bottom: 0;
}
}
sacredpath
(@sacredpath)
Automattic Happiness Engineer
No worries, glad to help.
@amandalouder Did these codes work to remove the front page content area? For some reason the two codes given didn’t work to eliminate that space in between the featured image and the widget area. :/
sacredpath
(@sacredpath)
Automattic Happiness Engineer
