[Solved] Centering Footer Widgets

[leehughes]

Hi guys..

Av messed up my code trying to sort something out

http://www.leehughes.co.uk

as you can see the subfooter widgets are now on the left.. how do I move then center?

Also you see the recent comments.. how can I space that out to make it look like the other two?

Many thanks

[TheDoc]

The reason the spacing isn’t the same is because instead of adding padding: 5px to the <li>, you’ve actually added it to the <a>, and the recent comments has another style overwriting it.

REMOVE:

#subfooter a {
padding:5px;
}

ADD

#subfooter li {
padding: 5px;
}

[leehughes]

Ahh cheers Doc..

All sorted, looks so much better.. Just need to centre it now :D

[TheDoc]

It might not be the best way, especially if you’re going to add more widgets later on, but:

REMOVE:

#subfooter {
display:inline; Not sure why this was there in the first place?
}

ADD:

#subfooter {
margin:0 auto;
}

CHANGE:

#subfooter {
width:720px;
}

[leehughes]

Ahhhh wicked.. normal service has presumed :D

Cheers :D

[Author]

Posts