Need more Page padding at top to show more of header. Pavilion Theme

Hi Don,

Thank you for your question about modifying the space in your header. The CSS alterations are a bit intricate. However, finding the elements and adjusting them to your liking can be simplified using Google Chrome’s Developer Console. This is how you can manipulate the CSS live and eventually decipher that code. All you have to do is navigate to your Home page in Google Chrome. Simply right click on the “element” you want to adjust. In this case, the header margin. Select “Inspect Element” from the menu that is displayed. This will launch the Google Developer Console in the browser. Following their instructions, you can modify the CSS/HTML live to pin point the correct code to add to the CSS Editor in BoldGrid.

In BoldGrid, if you go to Customize > Custom Theme CSS and click on Open Editor, you will be able to add custom CSS in that section.

The margin for the content can be  reduced using the following code:

.entry-content {
margin-top: -0.5em;
!important;
}

I hope this helps!

Sincerely,

Carlos E