Center Social Icons – outside of footer

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

This topic is: resolved

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by Ernesto Ernesto 5 years, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6145
    Rob Balucas
    babaLucas
    Participant
    Post count: 26

    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
    Ernesto
    Ernesto
    Member
    Post count: 702

    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 Balucas
    babaLucas
    Participant
    Post count: 26

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

    arg!

    #6207
    Ernesto
    Ernesto
    Member
    Post count: 702

    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 Balucas
    babaLucas
    Participant
    Post count: 26

    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
    Ernesto
    Ernesto
    Member
    Post count: 702

    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)

You must be logged in to reply to this topic.