Jump to content
Sign in to follow this  
winemonkey

How To Center Content Of Full Width Sidebar

Recommended Posts

winemonkey    0
winemonkey

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
winemonkey    0
winemonkey

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
Rob    547
Rob

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%;

}


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
winemonkey    0
winemonkey

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
James B    436
James B

Try this


div.iire_social_widget {

    height: 32px;

    margin: auto !important;

    position: relative;

    width: 126px;

}


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • colleenc
      By colleenc+
      I am having an issue with the size of the font in a text box widget on my sidebar. It has me completely baffled because I have two text widgets on my sidebar and the other one is displaying perfectly. 
      The sole difference between the two is the amount of text in the widget, but that can't be the problem.
      My site is: loveandnudes.com and the text widgets are on the right side at the top. 
      I have duplicated the one with the issue and I am fiddling with it right now to see if I can find a solution. But I would love any suggestions. I though CSS would do the trick, but either I tried the wrong thing - or I put it into the wrong place.
      Thanks for your help!
    • Queue-it
      By Queue-it+
      Hi,
      Is it possible to add a sidebar only for one post category? Without adding extra plugins or editing the theme code? 
      I have 4 categories of posts (blog post, news, job listing, case studies) but I want to have a sidebar only for the blog posts to appear. 
      How can I do that? 
      Thanks!
    • flourishdesignstudio
      By flourishdesignstudio
      I am working  on a PL5 site that uses a IDX feed plugin that includes templates for that individual plugin (ex - a property listings template, a single property template, etc.) However, when I edit the Pagelines Content area to also feature a sidebar it will not actually save or apply to any of the other property pages. Are there any know issues with the templates and hierarchy? It appears to be defaulting to read-width and I can't find any way to override this setting.
      Here is a link in case that is helpful to see: http://getreadyforwow.com/ihf/idx/mls-20649468-99_sunny_st_newport_beach_ca_92663
      Is there anything I can provide to you that may be helpful in solving this issue?
       
    • Digital805
      By Digital805
      Hello, Some differences between WHv3 and v6 is I can't figure out how to activate the sidebar widgets area. Also, I don't see previous entries at the bottom of my posts page that allows users to continue looking through posts. Can you help me with these?
      Thx.
×