[denvermilleriiiParticipant]

Hi there,

I’m using the 4 footer widgets and I’m trying to adjust the width of them to fit all my content on a single line. I see that each widget is using the class “x-column x-md x-1-4” to break up the footer into equal fourths.

When I alter the individual div classes to x-1-5, x-1-4, x-1-3, x-1-5 (using the firebug extension) I’m able to get all the content on a single line as shown in the attached photos. I just can’t figure out where to make this permanent change in the theme’s files. I would have guested it was in the footer.php file.

I’m wanting to put these different links in separate widgets so they stack nicely when the website is viewed on a mobile device. Would I be better off using a single widget and placing all those links in there or adjusting the widths of each widget as I’ve shown?

Thank you for your help!

[John EzraMember]

Hi there,

Thanks for writing in! You can do either. You can setup your content like that or just have them on one widget. Both will require some CSS to get it right. We can assist a little here, however we need to see your site so we can provide tailored advice. Would you mind providing us with your URL? Thanks!

[denvermilleriiiParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

footer.x-colophon.top .x-column:first-of-type, footer.x-colophon.top .x-column:last-of-type {
    width: 16.8%;
}
footer.x-colophon.top .x-column:nth-of-type(3) {
    width: 30.66666%;
}

Hope it helps.

[denvermilleriiiParticipant]

That did the trick! Thank you so much!

[JackKeymaster]

You’re most welcome!

[Author]

Posts