Jump to content


Photo
- - - - -

How To Center Content Of Full Width Sidebar

sidebar format

This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 04 November 2012 - 08:51 PM

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?

Please Login or Register to see this Hidden Content



#2 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 04 November 2012 - 09:01 PM

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

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts

Posted 04 November 2012 - 09:46 PM

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:

Please Login or Register to see this Hidden Content



#4 winemonkey

winemonkey

    Advanced Member

  • Members
  • 59 posts

Posted 05 November 2012 - 05:18 PM

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.

#5 James B

James B

    Advocate

  • Members

  • 5126 posts

Posted 08 November 2012 - 04:00 AM

Try this

Please Login or Register to see this Hidden Content