Footer Widget Area Same Size as Footer?

Community Forums Forums Design Tips and Tricks Footer Widget Area Same Size as Footer?

This topic is: not resolved

Tagged: ,

This topic contains 2 replies, has 2 voices, and was last updated by  Brain916 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #60584

    Brain916
    Participant
    Post count: 31

    Hello everyone,
    if you go to my test site ( test.sneakerfiles.com ) you see the footer is centered nicely. I tried to do this for the footer widget area but no matter what I do, the widget area is still longer than the footer. Is there a way to make them the same exact size?

    Also, I wanted to separate the footer and the footer widget area by light dashes, does anyone know how to achieve this?

    Thank you so much in advance!

    http://test.sneakerfiles.com
    #60640

    bandj
    Participant
    Post count: 175

    If you want the footer to be the same width as the rest of the site change the width under .site-footer from 1080 to 1152.

    If you want the footer widgets to be the same width as the footer (1080px) then change the padding from 36px 36px 0 to 36px 0 0 under .footer-widgets or add box-sizing: border-box; to .footer-widgets


    #61030

    Brain916
    Participant
    Post count: 31

    That worked! Thank you very much.

    By chance do you know how to have the footer and footer widget area connect/bring together?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.