[Resolved] Why I do have a white line (space) between content and footer?

Home Forums Support Why I do have a white line (space) between content and footer?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #343418
    Mike 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
    Footer

    Sidebar layout:
    x Content (no sidebars)

    Page Builder container
    x Full Width

    Themes 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&#8217; 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 “>`

    GeneratePress 1.3.48
    GP Premium 1.3.1
    #343435
    Mike Reinicke

    Ok 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 🙂

    #343459
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the page? Thanks!

    #343558
    Mike Reinicke

    Hi 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.

    #343608
    Leo
    Staff
    Customer Support

    Ah ok sounds good 🙂 Glad you found the solution!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.