Move footer to the LEFT!!!

  • Resolved Nathan Stipek

    (@nathan-stipek)


    10 years, 2 months ago

    Thank you in advance to anyone who can help. I know this is a very simple fix, but I have been tweaking code for HOURS!!! I don’t even know what else is left to try and change.

    I have added a fixed grass footer to the twentyten theme. I cannot get it to actually fit the whole width of the screen, there is some hidden margin locking it to the content.

    https://www.theothersideofthefence.org

    Hopefully someone can help me with this simple fix.
    I would rather not deal with functions.php, but with style.css. Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello Nathan,

    Hope you’re well! ??

    First, Use child themes for any customisation you will make. Read more about it here: https://codex.www.ads-software.com/Child_Themes`

    I suggest you move out the footer element from the wrapper element. As it will inherit the css property of wrapper element. I successfully fix it as you can see here: https://prntscr.com/5pgxky

    To explain it more clearly, you can see on this image ( https://prntscr.com/5pgzh2 ) that the footer element and wrapper element is now sibling relationship unlike before the footer element is child of wrapper element so they have parent-child relationship.

    Hope it helps! ??

    Take care,
    Calvin

    Thread Starter Nathan Stipek

    (@nathan-stipek)

    Thanks Calvin. Your screenshot looks beautiful! Thanks for helping me figure out what the problem is. I am not familiar enough with css to be able to adjust something with so little info however. I tried googling how to remove a footer from the wrapper and several other variations of this sentence.

    I tried to simply change the code in my footer.php to match yours, however, it doesn’t make sense with so little of a snap shot.

    wouldn’t I need to change more than just two lines of code? I cannot tell from your snapshot where the #grass is supposed to go, or enough to properly change anything.

    Can someone walk me through this as if I am an idiot who wished I had the money to pay someone else to do this for me….

    A simple snapshot with css that needs to be changed that includes a few lines above and below the actual changed code will help me navigate tremendously.

    Sorry to be such a pest after getting the right answer! I understand what the problem is now, even a link that describes step by step how to correct would be greatly appreciated.

    Hey there Nathan,

    Hope you’re well! ??

    The grass have a css property that will keep its position fixed on the bottom so it ok if you put this element anywhere ( just make sure that this element is a direct child of <body> element ). Could you share the code of your footer.php for me? Use https://pastebin.com/ to paste the code then give the link here.

    Looking forward for your reply! ??

    Take care,
    Calvin

    Thread Starter Nathan Stipek

    (@nathan-stipek)

    https://pastebin.com/rxRX8JAP

    Thanks Calvin.

    So maybe moving the #grass completely out of the footer.php and footer elements would be best?

    Hey there Nathan,

    Hope you’re well! ??

    First of all, Use child themes for any customization you will make. Read more about it here: https://codex.www.ads-software.com/Child_Themes

    Make a backup of your original footer.php. Create a new file called ‘footer.php’ in your child theme folder then put the code you will find here: https://gist.github.com/calvincanas/e127063e6fde65c97786

    I just moved the #grass out of #wrapper so it will not inherit the width of #wrapper element. Also I note that you put a 940px on your grass’ width. make it 100% if you want to take the whole screen width all the time.

    Hope it helps! ??

    Take care,
    Calvin

    Thread Starter Nathan Stipek

    (@nathan-stipek)

    Thanks Calvin. I have been trying to get a working child theme, but it seems I am doing something wrong. I will continue trying when I have the time, and thank you for the footer.php code. I did temporarily put the width to a set px, but intend to change it back to 100% when I get it all figured out. Thanks for your help, I feel confident that the new footer.php file you sent will work. THANKS so much.

    Thread Starter Nathan Stipek

    (@nathan-stipek)

    Ha, had a simple symbol backwards for child theme. Thanks for all your help Calvin.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Move footer to the LEFT!!!’ is closed to new replies.