Gradient background and spacing between header and content

I’m currently working on christinamoralesfitness.com

Why is there spacing between the content and header in icon? Why is there a gradient black and white background here (and also apparently below the footer) instead of pure white site background I have selected? These gradients remain even if removed via CSS

.hentry .entry-wrap{
padding-top: 0;
padding-bottom: 0;
}

Is there a theme option to remove the spacing or can only CSS be used? Is there a better practice for removal of the space and background color? where is the background color being set?

Hi @patrickphillips,

Thank you for writing in, the black and white gradient below the header is actually the Bar’s box shadow, to remove that shadow, inspect your Bar and zero out the values under the shadow or set the color to transparent.



The overall background-color of the site can be set under Theme Options > Layout and Design > Background Color



The space between the content and the header is from your first Section’s padding.



Zero out those padding if you don’t want the space.

Hope it helps,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.