Remove space under header on home page

Hi ikatdigital,

Thank you for your question about modifying the space between your header and slider. 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 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 (Slider) can be  reduced using the following code:

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

I hope this helps!

Sincerely,

Carlos E

• This reply was modified 4 years, 7 months ago by Jesse Owens.

Hi! I was able to use this code to remove the space under my header on my homepage, but it still appears when I access the site via web. Any idea how I can help this?

Thank you!

NK

Jesse, you’re right. I looked on a private safari tab and the space is gone. Thanks!