Hello – I’m fairly new to website design, but love the Page Builder option thru SiteOrigin. I just can’t seem to get rid of this white space above the header image on the “Refined Design” layout.
I’ve tried the CSS trick recommended in other theads, no luck.
URL: http://www.sewsweatsocial.com/sweat
Hi SewSweatSocial,
This spacing is being added by your theme. You can override your theme with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.page-id-40 .page-wrap, .page-id-40 .page-wrap .content-wrapper, .page-id-40 .content-area .hentry { padding: 0; } .page-id-40 .entry-header { margin: 0; }You might also need to install the SiteOrigin CSS Editor.
Thank you! Thank you! Thank you!Thank you!Thank you! Thank you! Thank you!
One follow up…so you fixed the “Sweat” page – and I thought I could just duplicate the page, so I have that space gone as I build out all my others…but it’s showing on “Champagne” the duplicate of Sweat.
http://www.sewsweatsocial.com/champagne
Does the “40” in the CSS mean anything specific, so I can know how to fix this for all my future pages? Or is there a universal CSS code I can enter to overwrite that space from the theme on all pages?
Thanks,
Lindsey (Sew Sweat Social)
Update: I found out what 40 related to, found the # for the “Champagne”” page, duplicated the CSS you provided me above and added to the CSS Editor, but there is still A LITTLE white space. Help please. :)