Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #12241

    I would like to center the social media bookmark icons underneath the copyright text when the site is viewed on tablet and smaller screen sizes. For some reason, I cannot override the icons from left-aligning. Please help.

    #74801

    Hi,

    Kindly edit layout.css (located in css folder). Then find this line of code:

    Code:
    #top #socket .social_bookmarks {position: relative;top:0;}

    It’s located in line 2087. Replace it with this code:

    Code:
    #top #socket .social_bookmarks {position: relative;top:0; float:none!important; margin-top:10px;}

    Just adjust the margin-top value to increase/decrease the distance between the social media bookmark and copyright text. Hope this helps. :)

    Regards,

    Ismael

    #74802

    I copied and pasted the code, but it did not work. The bookmarks remain left-aligned.

    #74803

    Hi,

    That’s weird, I have tried it on my end and its working. Can you post a link to your site?

    Regards,

    Ismael

    #74804

    Sorry, I was working locally. Here is a link to the website on the a test server: http://thinkdm2.com/website-samples/websites/labscape_site/

    #74805

    Hi,

    Kindly replace my code above:

    Code:
    #top #socket .social_bookmarks {position: relative;top:0; float:none!important; margin-top:10px;}

    With this:

    Code:
    #top #socket .social_bookmarks {
    position: relative;
    top: 0;
    float: none!important;
    margin-top: 10px;
    left: 50%;
    margin-left: -38px;
    }

    Hope this solves the problem. :)

    Regards,

    Ismael

    #74806

    That did it, thanks!

    #74807

    Hi,

    Glad that I could help you. :)

    Cheers,

    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Center Social Bookmarks’ is closed to new replies.