Lifestyle Footer Widths

Community Forums Forums Design Tips and Tricks Lifestyle Footer Widths

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Chris Cree 1 year, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #47715

    Post count: 10

    The site I’m working on is:

    I am using the Footer Widgets: Footer Area #1 & Footer Area #2 to display my footer content. Using Firebug it would appear the right footer (area 2) is wider then 1. I need this to be the opposite as I need the content on the left to have more space to be wider.

    I went into theme functions.php and made these alterations:

    /** Add support for 2-column footer widgets */
    add_theme_support( ‘genesis-footer-widgets’, 2 );

    originally the 2s were 3s

    Then I went into the style.css and made these changes to the widths:

    .footer-widgets-1 {
    float: left;
    padding: 0 20px 0 0;
    width: 600px;

    .footer-widgets-2 {
    float: left;
    width: 280px;

    None of my changes made a difference. Any ideas?

    Chris Cree
    Post count: 147

    You’re not talking about normal Genesis footer widgets here but rather the output of the Genesis Widgetized Footer plugin. Those are two different things. From the plugin readme file:

    PLEASE NOTE: Not to be confused with the “Footer Widget Areas” which normally come in columns and belong to the #footer-widgets div container ID. This plugin here only changes the regular footer content within the #footer div container ID, the other ‘Footer Widgets #1 etc.’ keep untouched!

    Reading further down the readme file (which is shown on the front page of the plugin listing in the WordPress plugin directory) here’s what you should do:

    If you place something into the two footer Widget areas TOGETHER they will change their width: ‘Footer Area #1′ is first from left and will have 33% width (one third), ‘Footer Area #2′ is second to left and will have 66% width (two-thirds). Both values and the float could be overridden via child theme stylesheet (using ‘!important’)

    So that means you should add this to your stylesheet then:

    .gwfoot-footer-one-one-third {
    	width: 65% !important;
    .gwfoot-footer-two-two-thirds {
    	width: 32% !important;

    • This reply was modified 1 year, 5 months ago by  Chris Cree.
    • This reply was modified 1 year, 5 months ago by  Chris Cree.
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.