Footer Widget Columns Stacking

This topic is: resolved

This topic contains 8 replies, has 2 voices, and was last updated by Veena Veena 4 years, 8 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #11138
    Jlebrun
    jlebrun
    Member
    Post count: 21

    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!

    Attachments:
    #11149
    Veena
    Veena
    Moderator
    Post count: 8159

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

    #11155
    Jlebrun
    jlebrun
    Member
    Post count: 21

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

    Attachments:
    #11170
    Veena
    Veena
    Moderator
    Post count: 8159

    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%;
    }
    
    #11196
    Jlebrun
    jlebrun
    Member
    Post count: 21

    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?

    #11197
    Jlebrun
    jlebrun
    Member
    Post count: 21

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

    #11205
    Veena
    Veena
    Moderator
    Post count: 8159

    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.

    #11217
    Jlebrun
    jlebrun
    Member
    Post count: 21

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

    #11227
    Veena
    Veena
    Moderator
    Post count: 8159

    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.

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Footer Widget Columns Stacking’ is closed to new replies.