- This topic has 4 replies, 2 voices, and was last updated 6 years, 9 months ago by Leo.
-
AuthorPosts
-
July 3, 2017 at 8:11 am #343418Mike Reinicke
For the start page I’m trying to just have one picture with primary navigation bar and footer:
Primary Navigation
Page content (just one picture with 100% width)
Footer (with 0 or 1 footer widget)The issue is that I get a white line (space) between the picture and the footer.
Any idea how to get rid of this white line (space) between content and footer?
I don’t know if this is an setup issue (even though I tried many different configurations) or if this might be a template design issue?Thanks,
Mike.Page Setup:
==========
Text:
<img src="URL/front_picture.jpg" alt="" width="100%" />
Disable Elements:
x Top Bar
x Header
Primary Navigation
x Secondary Navigation
x Featured Image / Page Header
x Content Title
FooterSidebar layout:
x Content (no sidebars)Page Builder container
x Full WidthThemes Customizing:
==================
Content Layout: One Container
-> Content Padding or Separating Space shouldn’t play a role in case of single container right?Page source:
===========`<div class=”hfeed site grid-container container grid-parent”>
<div class=”site-content”><div class=”content-area grid-parent mobile-grid-100 grid-100 tablet-grid-100″>
<main id=”main” class=”site-main”><article id=”post-20″ class=”post-20 page type-page status-publish” itemtype=’http://schema.org/CreativeWork’ itemscope=’itemscope’>
<div class=”inside-article”><div class=”entry-content”>
<p><img src=”URL/front_picture.jpg” alt=”” width=”100%” /></p>
</div><!– .entry-content –>
</div><!– .inside-article –>
</article><!– #post-## –></main><!– #main –>
</div><!– #primary –></div><!– #content –>
</div><!– #page –>
<div class=”site-footer “>`July 3, 2017 at 8:31 am #343435Mike ReinickeOk I could see that the white line (space) goes away after I did set a different Content Background Color.
So if I set the same color as the footer it is ok. Of course I want to keep white background for all other pages than the front page. Therefore the following style addition in my page is doing the trick now:
Before:
<img class="size-full wp-image-34" src="URL/page_front.jpg" alt="" width="100%" />
Now:
<p style="background-color:#222222;"><img class="size-full wp-image-34" src="URL/page__front.jpg" alt="" width="100%" /></p>
However I’m open for any better idea ๐
July 3, 2017 at 9:08 am #343459LeoStaffCustomer SupportHi there,
Any chance you can link us to the page? Thanks!
July 3, 2017 at 12:02 pm #343558Mike ReinickeHi Leo,
it’s not public yet and issue isn’t visible anymore because I did use workaround by forcing background color in this particular front page.
Thanks,
Mike.July 3, 2017 at 1:17 pm #343608LeoStaffCustomer SupportAh ok sounds good ๐ Glad you found the solution!
-
AuthorPosts
- You must be logged in to reply to this topic.