Forums

Keeping the footer clear of page contents (3 posts)

  1. olilewington
    Member
    Posted 1 year ago #

    Hi guys,

    I don't post on here much, so I hope that a) I'm in the right place, board-wise and b) it's not a REALLY dumb question, but I'm wondering if someone can help me with my footer coding so that it stays clear of the contents of the page it's on.

    For example, you can see clearly on this page that the previous/next links (the first element in the footer's coding, followed by the comments) begin at the bottom of the page, clear of the text:

    <a href="http://mynewlife101.com/things/thing-1
    ">http://mynewlife101.com/things/thing-1

    However, on this page, because there is very little text on the page (and it is a page, not a post), the start of the footer has shifted up alongside the picture that's displayed on the left-hand-side of the page:

    http://mynewlife101.com/things/thing-101

    Is there a way of adding some code to the footage (or the page template) to ensure that the footer content always aligns itself BELOW everything else on the page?

    Many thanks in advance for your help,

    Oli

  2. alchymyth
    The Sweeper
    Posted 1 year ago #

    try and add something like this to the end of style.css of your child theme:

    .navigation, #respond {clear:both;}

  3. olilewington
    Member
    Posted 1 year ago #

    That worked perfectly, thanks so much for your help.

Topic Closed

This topic has been closed to new replies.

About this Topic