Footer Widget Columns Stacking

[jlebrun]

I’m sorry to be asking another question. I am trying to set up 5 columns in the footer. However, they are stacking in one column instead of spreading to 5 columns.

I verified under Theme Options that I have 5 columns selected under Footer.

I have attached a screenshot of the widgets I am using (text within each one).

Am I missing something super obvious and simple?

Thanks!

[Veena]

Pls go to Themeoptions -> Footer tab and set the number of “Footer Columns”.

[jlebrun]

As I mentioned, I have already done that. See attached. What else can I try? Thanks!

[Veena]

Pls use the below custom CSS in themeoptions and try the footer columns using footer widgets and see if it helps.

#sidebars-footer .fourcol {
width: 18.45%;
}

[jlebrun]

Thanks, but that didn’t work. I am using the first five Footer Widgets (Area One, Area Two and so forth). All I have in them in some text links. If the theme supports up to 6 columns, what is happening that causes them to be too wide and stack instead?

[jlebrun]

If it helps, this is the URL: http://www.zling.com/production/

[Veena]

Pls insert the following custom CSS in themeoptions –

div#sidebar-footer1 {
width: 18.45%;
float: left;
div#sidebar-footer2 {
width: 18.45%;
float: left;
div#sidebar-footer3 {
width: 18.45%;
float: left;
div#sidebar-footer4 {
width: 18.45%;
float: left;
}

kindly adjust width and margins.

[jlebrun]

That didn’t work, either. Thanks, but I am just setting up my own divs within the first Footer Widget to achieve multiple columns.

[Veena]

The above given custom CSS should work,because i have tested it and given it to you.
Anyways you have sorted out the issue so i am closing this thread.
Thanks.

[Author]

Posts