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 2 years, 5 months ago.

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


    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

    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 2 years, 5 months ago by  Chris Cree.
    • This reply was modified 2 years, 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.