Customising footer widget width

  • Resolved ilonka2012

    (@ilonka2012)


    9 years ago

    Hi

    I am trying to customise the width of my footer widgets which run on each page of the site: http://www.wellpr.co.uk

    I looked at the site code and the three widgets are numbered 2-4 (not sure why):

    Widget 2 has an image – I’d like to reduce the width and depending on how it looks, align the image to the left
    Widget 3 is text – increase the width (by a third or 50%)
    Widget 4 is fine.

    I have only found CSS code that addresses the entire footer area as a whole, not individually.

    Hope you can help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    9 years ago

    Hello ilonka2012,

    Try below css.


    .footer-widget-area #widget-area-2 {
    width: 16%;
    }
    .footer-widget-area #widget-area-3 {
    width: 42%;
    }

    @media only screen and (max-width: 800px) {
    .footer-widget-area #widget-area-2,
    .footer-widget-area #widget-area-3 {
    width: auto;
    }
    }

    Hope this will helps you.

    Thanks!

    Thread Starter ilonka2012

    (@ilonka2012)

    9 years ago

    Amazing, that worked! Thank you so much 😉

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    9 years ago

    @ilonka2012, Good to see that our provided solution worked for you. Can you please mark as “Accepted Solution” to make my put in efforts worth

    Moderator Kathryn Presner

    (@zoonini)

    9 years ago

    Thanks for helping out, @addweb-solution-pvt-ltd. I’ve marked this thread as resolved.

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

The topic ‘Customising footer widget width’ is closed to new replies.