Tagged: white space
Hi!
So I created this new page to learn how Enfold works..
On my blog page it creates spacing below the menu and above the header…
How do I delete this white spacing of my blog page? Is it a setting somewhere? or do I have to delete it with CSS ?
<div class=”main_color container_wrap_first container_wrap sidebar_right”><div class=”container”><main role=”main” itemprop=”mainContentOfPage” class=”template-page content av-content-small alpha units”><div class=”post-entry post-entry-type-page post-entry-819″><div class=”entry-content-wrapper clearfix”></div></div></main><!– close content main element –></div></div>
Thanks! :)
Hey hulzen,
Not sure how that white space is showing up. It may be some settings we need to take a closer look Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
Best regards,
Vinay
Thank you! :D
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.html_header_top.html_header_sticky #top.page-id-819 #wrap_all #main {
padding-top: 0px;
margin-top: -10px;
}
Best regards,
Vinay
Hi! Thanks for your quick reply, but this did not work.
Any other options? :)
Hi,
Did you try adding the code in Quick CSS? I just tested the code and it works fine. You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.
Best regards,
Vinay
Thanks it worked!! :)