Home>Support>Footer Widget Widths

Footer Widget Widths

By jtabrams, 10 years ago. Last reply by Magus, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello,

I have three widgets in the footer. I was hoping to make the first two 25% of the width and the last widget 50% of the width (or something relative to that). I cannot force the custom css to do this thought. I’ve tried different combinations of the following code:

#footer-widgets .widget {width: 20%;}

#footer-widgets .widget-last {width: 50%; }

but all three widgets are taking on the 20%. What can I use to force the last widget into a larger size?

Thanks!

URL: http://ritchieschool.staging.wpengine.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jtabrams

    Please try changing your custom CSS to read

    #footer-widgets :last-child.widget {
        width: 50%;
    }
    

    Let us know how you get on

    Magus

  2. 10 years, 1 month ago jtabrams

    Hi Magus,

    That worked perfectly, thank you for your quick response!

    Jenna

  3. 10 years, 1 month ago Magus
    Hi, I Work Here

    Hi Jenna

    You are welcome, please feel free to open a new thread if you need any more help.

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More