[Theme: Responsive] Custom Front Page has extra space above footer

  • Resolved mathteacher

    (@mathcore)


    9 years, 10 months ago

    The custom front page (http://mrelstein.com) I’m using of the Responsive Theme has extra space at the bottom above the footer than all the other pages (for example http://mrelstein.com/schedule or any other page on the site).

    I have investigated and it looks like on the custom front page the div id=”wrapper” class=”clearfix” overshoots the bordered content area (looks like by 20px). I’m not sure why it’s overshooting or how to fix it since it’s only happening on that page yet the id and class are used on all the other pages too.

    I am doing all these changes to the css in a child theme, of course.

    Any help you could provide would be greatly appreciated. It’s not a big deal that there’s the extra space, but I’m a bit OCD and want every page to have a uniform look.

Viewing 3 replies - 1 through 3 (of 3 total)
  • SomewhatRounded

    (@somewhatrounded)

    9 years, 10 months ago

    Mathcore! (Hardcore math? Math league? haha)

    There’s just a little extra margin space there 🙂

    If you set the margin to 0 for #featured it’ll fix it up! Changing the max-width for the iframe should get that to fit within the area as well 🙂

    #featured { margin: 0; }
iframe { max-width: 100%; }

    Let me know if that does the trick!

    Giulio Daprela

    (@daprela)

    9 years, 10 months ago

    Hi mathcore,
    the extra space doesn’t come from the footer but from the container above it. There’s a 20px margin.

    Add this code to your style.css in your child theme:

    .front-page #wrapper {
  margin: 0 auto;
}

    If it doesn’t work, add !important to override the parent’s style

    Thread Starter mathteacher

    (@mathcore)

    9 years, 10 months ago

    Your suggestions worked perfectly. Thanks so much.

    @somewhatrounded: I wish “mathcore” referred to something as cool as hardcore math competitions, but it’s just a shortening of the name of a project that I’m working on, mathcorestandards.org, that is about the common core state standards in mathematics.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Responsive] Custom Front Page has extra space above footer’ is closed to new replies.