Archived

This topic is now archived and is closed to further replies.

  • 0

How To Center Content Of Full Width Sidebar


Question

Posted · Report post

I'm trying to center the content of the full width sidebar in the footer and get rid of the padding... I actually succeeded in reducing the padding of the actual widget in that sidebar - #sb_fullwidth .content-pad .widget-pad {float: none; margin: 0 auto; padding: 0px 0px 0px 0px;} - but the rest doesn't work... What am I doing wrong? http://www.onebarrel.ca

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

I fixed the padding issue #footer .content-pad { padding: 0px 0px 0px 0px; } Now I just need to figure out the centering of the content

Share this post


Link to post
Share on other sites

Posted · Report post

First, let me point out that you can save some typing by replacing

padding: 0px 0px 0px 0px;
with padding: 0; You never need to include px after a zero value (but you do after something like 10).

Try this:


div.iire_social_widget {

    height: 32px;

    margin-left: -40%;

    margin-right: 40%;

    position: relative;

    width: 98%;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Try this


div.iire_social_widget {

    height: 32px;

    margin: auto !important;

    position: relative;

    width: 126px;

}

Share this post


Link to post
Share on other sites

Posted · Report post

No, that doesn't work. It actually brings it even more to the left. I'm looking for a solution that will also work in a responsive design.

Share this post


Link to post
Share on other sites