Center Social Icons – outside of footer

Support Forums for LiveMesh Themes & Plugins Forums Agile Theme Support Center Social Icons – outside of footer

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6145
    Rob BalucasbabaLucas
    Participant

    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.

    #6158
    ErnestoErnesto
    Member

    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!

    #6168
    Rob BalucasbabaLucas
    Participant

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

    arg!

    #6207
    ErnestoErnesto
    Member

    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!

    #6211
    Rob BalucasbabaLucas
    Participant

    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.

    #6216
    ErnestoErnesto
    Member

    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;}
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Agile Theme Support’ is closed to new topics and replies.