how to center social bar in VIEWER theme

[tandan 0]

HI there, I'm trying to center the social bar that comes with the Viewer theme. Any idea how best to do that? I've changed the width and then offset it but it's not perfect. I wish I could just have it center within the full width but not sure where to set that. Please advise. Thanks!!

[James B 436]

Hi there, can we take a link to the live site to have a look. It could be that if you don't have enough icons in place it will need to be adjusted with some css.

[evscicats 14]

I asked the same question on the Viewer theme thread and haven't received a response yet - http://forum.pagelines.com/topic/31800-social-bar-icons-not-centering/.

 

Thanks,

 

Jerrad

[Danny+ 1,327]

HI,

 

If you want to center the section, you can do this with the offset option next to where you increase/decrease the sections width.

[tandan 0]

Hi Danny, yes, I'm short an icon but not sure how to center it and don't need any extra icons...please advise. I've already tried offset option. Here's the site: http://66.147.244.143/~floribun/

[Danny+ 1,327]

OK, remove the offset and I will see if I can do this via CSS.

[tandan 0]

Hi Danny, I removed the offset. Thanks so much for taking a look. 

Cheers!

[Danny+ 1,327]

The Section is still using offset 5, also please make it so that the section is 12/12 and not 2/12 please. Once you have done that add the following code:

 

#socialbar6xdqa2 .menu {

text-align: center;

float: none;

}

 

#socialbar6xdqa2 .menu li {

display: inline-block;

float: none;

}

[tandan 0]

Hi Danny, sorry about that. I had put it back the way it was because I hadn't heard back and I wanted to show it to the client. Thanks for this--it worked like a charm! Wish it was integrated into the section though. Seems like a pretty basic request people will have it fhey use it with an odd amount of icons.