Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 3, 2015 at 11:31 pm #529661
    bakbek

    Hi, how can I move the social icons in the socket so they will be in the same line as the copyright text – http://screencast.com/t/sLN9ctuu4?

    Also, how can I make the socket font and social icons bigger in the socket?

    Thanks.

    November 4, 2015 at 11:51 am #529898
    Yigit

    Hi DROR!

    Please add following code to Quick CSS 

    #socket * {
    font-size: 14px;
}

    Regards,
    Yigit

    November 4, 2015 at 12:01 pm #529921
    bakbek

    That made the font bigger but what about moving the social icons to the center so they will show to the left of the copyright text?

    November 5, 2015 at 12:40 am #530464
    bakbek

    How can I move the social icons from the left so that they will show in the center to the left of the copyright text?

    November 5, 2015 at 3:52 pm #530857
    Yigit

    Hey!

    You can add following code to Quick CSS 

    #socket ul.noLightbox.social_bookmarks {
    width: 100%;
    right: 30%;
}

    But it probably will overlap copyright text on different screensizes. You can adjust the value using media queries

    Best regards,
    Yigit

    November 6, 2015 at 12:02 pm #531405
    bakbek

    Can I put it below the copyright code so it won’t break on various screensizes ?

    November 7, 2015 at 12:10 pm #531839
    Ismael

    Hey!

    Add this in the Quick CSS field to keep it from overlapping on the smaller screens:

    @media only screen and (max-width: 767px) {
#socket ul.noLightbox {
    top: 40px;
    margin-bottom: 0;
    float: none;
    position: absolute;
    width: 100%;
    text-align: center;
}

#top .social_bookmarks li {
    float: none;
    display: inline-block;
}

#socket .container {
    padding-bottom: 20px !important;
}
}

    Regards,
    Ismael

    November 8, 2015 at 9:37 am #532007
    bakbek

    It seems the social icons are not aligned with the text. Can I align them so the text would be in the middle of the social icons?

    November 10, 2015 at 6:20 pm #533543
    Andy

    Hey!

    move them up using this code:

    ul.noLightbox.social_bookmarks.icon_count_4 {
margin-top: -16px !important;
}

    Regards,
    Andy

    November 10, 2015 at 6:24 pm #533552
    bakbek

    Great. Thanks.

    November 10, 2015 at 8:12 pm #533639
    Andy

    Hey!

    glad it’s working for you.

    Cheers!
    Andy

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How to center align the socket social icons’ is closed to new replies.