Lifestyle Footer Widths

[kateolynch]

The site I'm working on is: http://warriorsremembered.com/

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?

http://warriorsremembered.com/find-local-vietnam-memorials/texas-memorials/

[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;
}

[Author]

Posts