Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20630

    I’m working on a site using the Choices theme. I LOVE the functionality of the theme. The client I have wants five widget areas… however, the fifth one needs to be wider than the rest (it’s a contact form). Is there a way to manually set the width of each footer widget area?

    Any help would be greatly appreciated. Thanks!

    #108395

    Hi,

    Sorry for the delay.

    Ok this is the CSS you will need to add. The way I measured it , the distance between columns will be cut to 3% (please don’t use pixels since its responsive) , the first four columns will be 13% each and the fifth column will be 33%. You can change the numbers yourself ofcourse.

    #top div .one_fifth {
    margin-left: 3%;
    }
    #top .flex_column.one_fifth.colwidth-1, #top .flex_column.one_fifth.colwidth-2, #top .flex_column.one_fifth.colwidth-3, #top .flex_column.one_fifth.colwidth-4 {
    width:13% !important;
    }
    #top .flex_column.one_fifth.colwidth-5{
    width:33% !important
    }

    Now please open up footer.php and find line 45 which looks like

    echo "<div class='flex_column $class $firstCol'>";

    and change it to

    echo "<div class='flex_column $class colwidth-$i $firstCol'>";

    That’s it.

    Thanks,

    Nick

    #108396

    Yee-haw! Thank you soooooo much Nick!!!

    Works great.

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

The topic ‘Different Width Footer’ is closed to new replies.