Center Simple Social Icons with Altitude Theme

[ruthieou]

Hello All,

I was wondering if anyone could help with me to centre the social icons when I use the Altitude theme. The plugin itself is supposed to align centre. But it's not working. The domain is:

http://yourcomingsoondesign.com/hybrid2/view

And it's the "Contact" menu item.

thanks!

http://yourcomingsoondesign.com/hybrid2/view

[Tom]

Hi,

Your Simple Social Icons are set "Alignment: "Align Right". Please try "Align Center".

If you made any CSS mods trying to change this, they would probably have to be undone as well.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[ruthieou]

Hi Tom,

Thanks for your reply. Unfortunately, even when I set the Simple Social Icons' Alignment as "Align Right", it still doesn't want to cooperate. And I don't have any other manual CSS edits...

[Tom]

But what is the result of trying “Align Center”?

Edit:
I meant to also ask why this single widget area has a class of "genesis-extender-widget-area". Is there a reason for using Extender to add SSI to Front Page 7?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Tom]

After another look: The theme is forcing the 2nd widget area (SSI) to the left.

I was wondering why you had placed the "Send Us a Message" CTA button in another text widget below the SSI. This makes a total of three widgets in Front Page 7 -- therefore the the flex CSS of Altitude's front page will place the items as per this chart

Remove the third widget for the "Send Us a Message" CTA or position it in the same text-widget as the "Contact us anytime with any comments, concerns, suggestions or questions you might have." message. This fixes the layout and also makes the CTA more direct,

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[WisdmLabs]

Hi,

Try adding this in your style.css

div#social{
display:block;
}
div#social:before,div#social:after{
content:"";
display:block;
clear:both;
}

---

http://wisdmlabs.com/

[Author]

Posts