Trying to Even the Widths of the 3 Footer Widgets in Centric Pro

[Ted]

Hi,

I'm using a modified version of Centric Pro on a client's site. In it's stock form the footer widgets have the first two widget areas being the same size, but the 3rd one is larger.

I'd like to make it so all three widgets are exactly the same width, but I've tried editing the css with this...

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
width: 400px;
padding-right: 10px;
}

But nothing changes.

This has been a real head scratcher, any help would be awesome!

Thanks,
Ted

http://imageperceptions.com/trophy/

[ᴅᴀᴠɪᴅ]

In your stylesheet, at line 2860 is...

.footer-widgets-1, 
.footer-widgets-2 {
    width: 280px;
}

and at line 2870 is..

.footer-widgets-3 {
    width: 500px;
}

Both of these are overriding your code as they come afterwards. You can either delete these two bits or put your code at the bottom of the stylesheet so it doesn't get overridden.

Ps using px will cause a problem with how it works on different screen sizes, unless you add some extra media queries.

I would recommend using percentage widths instead, so width of 30.99% and removing the padding right so they are all in line.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[Ted]

Awesome, thank you so much, David! That's interesting to me since that was down in the code for mobile devices (I hadn't started editing that yet) But it worked like a charm, thank you so much!

[Author]

Posts