How to get 2 widgets in footer with different width?

  • Resolved kristonweb

    (@kristonweb)


    9 years, 6 months ago

    Hello,

    Almost done with my website, but I want to solve a layout problem.

    I’m using 2 footer widgets and each footer gets 50% width. Most of the time this is fine, but I want my first widget to be 70% and the 2nd 30%.

    I’ve tried a lot in my child-theme, but can’t find a good solution.

    Someone got an idea?

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

  • Hi @kristonweb

    Perhaps try the Layout Builder widget in your footer. It’s a mini Page Builder instance and will let you build the layout you’re looking for.

    Thread Starter kristonweb

    (@kristonweb)

    thanks for your reply, but unfortunately the save option from the widget that I want to use (recent post extended) isn’t display in the builder…

    when I’m inserting that widget on the normal way, it’s not a problem..

    Therefore I was wondering how to manually adjust the width for my footers.

    The CSS would look something like this:

    #colophon .widget:first-of-type { width: 70%; }
#colophon .widget:last-of-type { width: 30%; }

    This will work too:

    #colophon .widget:nth-child(1) { width: 70%; }
#colophon .widget:nth-child(2) { width: 30%; }
    Thread Starter kristonweb

    (@kristonweb)

    thanks for the fast reply and your solution!

    The first option works great!!

    Super ?? Glad to hear that did the trick.

    All the best.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to get 2 widgets in footer with different width?’ is closed to new replies.