Support » Themes and Templates » White Space below footer …

  • Resolved royseb

    (@royseb)


    Hi, I’m trying to adapt a theme and I got a extra white space below the footer only on my pages created manually.

    The pages auto-generated are ok.

    royseb.com

    Thanks,
    Sebastien

Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Remove the overflow on your <html> element.

    Thread Starter royseb

    (@royseb)

    Wow, thanks for the quickly respond!

    Sorry, can you be little bit more descriptive about overflow <HTML> element ?

    Thanks,
    Sebastien

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you have a section in the dashboard for making custom CSS changes (other than the theme’s files), or are you using a Child Theme?

    Thread Starter royseb

    (@royseb)

    I do have a section in the dashboard but its for the theme files…
    I think is a child theme: (original theme black-with-orange)…
    The child theme concept is a little bit obvious to me for now.
    I must read the doc!

    Sorry, for now, I must leave…

    I’ll come back tomorrow to work!

    Thanks
    Andrew Nevins

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If it’s just a CSS change you want to make, you can do so through this Custom CSS Manager plugin.

    Then, within that plugin’s allocated section of the dashboard, enter this;

    html {
     height: 100%;
    }

    (Notice that I’ve changed my original suggestion)

    Thread Starter royseb

    (@royseb)

    Hi, in respond to Andrew Nevins…

    First, after read the doc, I can confirm that’s not a child theme.
    Also, I’ll keep your suggestion about Custom CSS Manager plugin and the html { height: 100%;} inside.

    Perhaps I’m wrong but, I would have a good and clean CSS before try your last solution.

    Thanks

    Thread Starter royseb

    (@royseb)

    Footer CSS looks like…

    .footer {background: #DD4814;}
    .footer>div {overflow: hidden; width: 960px; margin: 0 auto; padding: 5px 0;}
    .footer p {margin: 0; color: #fff; font-size: 0.917em; line-height: 1.75em; text-align: center;}
    .footer p.powered {font-size: 0.833em;}
    .footer p.powered a {color: #fff;}
    .footer p.powered a:hover {color: #fff;}
    .footer ul {display: block; width: 960px; text-align: center;}
    .footer ul li {display: inline; margin: 0; padding: 0 5px; border-left: 1px solid #fff;}
    .footer ul li:first-child {border-left: none;}
    .footer ul a {color: #fff;}
    .footer ul a:hover {color: #fff;}
    .footer ul ul {display: none;}

    [Moderator note: Please wrap all code in backticks]

    Thread Starter royseb

    (@royseb)

    Hi,
    That was a bad CSS.
    Thanks, topic resolved.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘White Space below footer …’ is closed to new replies.