Center Social Icons – outside of footer

[babaLucas]

how do we center social icons in other parts of the website that are not the footer?

Having trouble on this site specifically: http://urbankick.com

Icons are under the slider on the homepage.

[Ernesto]

Hi! Go to your Custom Css Section in your Theme Options Panel and enter the following code:

.center {margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    padding-left: 200px;}

Hope that works out for you!

[babaLucas]

unfortunately no; see the site again: http://urbankick.com

arg!

[Ernesto]

Hi, I´m sorry about the previous code. Try the following one, it´ll allow you to manually center the code adjusting the pixels in the left padding.

ul.social-list.center {margin: 5px auto;
padding-left: 350px;}

Hope that works out for you!

[babaLucas]

still not it.
i used some nasty formula css to make it happen,
but i have to test responsiveness…i fear it won’t work.

#intro ul.social-list.center {
	margin: 0 calc((100% - 215px)/2);
	width: 215px;
}

hope you guys can find more integrated solution for sucha basic need.

[Ernesto]

Hi, found out that the following code does the sample effect in a simpler way. However, your previous code seems to be working fine as well.

#intro ul.social-list.center {
margin-left: 380px;
width: 215px;}

[Author]

Posts