Archived topic
Spacing b/w primary menu and content heading
6 replies · Started by stardrive on August 13, 2015
Dear Tom,
The code below which you earlier recommended in our email conversation,
.one-container .site-content {
padding-top: 0 !important;
}
resolved an issue by making the vertical separator borders, between the sidebars and the content, to touch the bottom of the primary navigation (that is, removed the spacing between the vertical borders and the primary navigation).
But, it also removed the spacing between the content headings and the primary navigation.
Please, how can the spacing between the content headings and the primary navigation be restored back?
Regards,
Stardrive
You could try something like this:
.page .entry-header {
margin-top: 20px;
}Dear Tom,
Please, i tried the CSS. The issue is still there.
I may try myself before getting back to you later.
Thank you
Stardrive
Sounds good - try using Firefox and the "Firebug" extension. It allows you to right click an element and add CSS to it - then once you get the right CSS, you can save it and add it to your child theme :)
Thank you, Tom.
I am surprised you are still not sleeping by this time (LOL).
Please, how do i get the Firefox and the “Firebug” extension installed in my computer?
Regards,
Stardrive
You can download Firefox here. As Tom mentioned, when you right-click on a page and select "Inspect element" it will open a Firebug window that allows you to add css in "real time" and see the effects on the page. IE and Chrome have the same functionality.
Thank you so much, Bdbrown. I think I was a bit too busy earlier. I already have Mozilla Firefox installed
Regards,
Stardrive