Footer modification in twenty seventeen

  • Resolved airbus333

    (@airbus333)


    4 years, 7 months ago

    Hi,
    I would like to change the footer in my website (running twenty seventeen theme) so that it covers the full width of the browser screen. Im guessing I need css to allow the footer out of the container?
    I’d like the footer to stretch right across the screen like the header does

    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

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

  • I see that the image shows as “full-size”.
    Have you tried uploading a larger (wider) image?
    Stretching your image via CSS may make an image that is already on the lower end of the resolution quite blurry.

    You will need to use some CSS to allow it to be the full width. One thing you could change is that the footer has padding on it’s left and right side that’s constraining the image a bit from being wider. Good luck!

    Thread Starter airbus333

    (@airbus333)

    Ok first the image is wide enough, at 3400px, I did upload a larger one to try that.

    Would the padding be found in the footer section of style.css?

    Thanks for replying everyone

    #colophon .wrap {
    max-width: 100%; padding: 0; 
}

    add via ‘Additional CSS’

    Thread Starter airbus333

    (@airbus333)

    Hi Michael,
    That worked a treat, Thanks a Lot
    Have a nice day,
    Stanley

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Footer modification in twenty seventeen’ is closed to new replies.

Tags