Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 16, 2014 at 4:57 pm #336902
    berndrepenning

    Hi guys,

    I’m trying to change my socket a bit. I already managed the socket to look the way i want it to look like: no copyright and centered social icons. Now I’m trying to change the icons – but i can’t find the right codes for the icons I want to use for the functions.php file. How do I find the right codes?

    Another big issue is to change the size. I change the size and now the padding is totally wrong and the hover doesn’t match at all. I’d like to disable the hover and have the icons in a font-size of 35 px. Is that possible?

    Thanks a lot
    Cheers
    Bernd

    October 16, 2014 at 4:57 pm #336903
    berndrepenning
    This reply has been marked as private.
    October 17, 2014 at 6:45 am #337179
    Ismael

    Hi!

    Thank you for using Enfold.

    Use these selectors to increase the size of the social icons:

    #top .social_bookmarks {
height: 60px;
}

#top .social_bookmarks li {
width: 50px;
}

#top .social_bookmarks li a {
width: 50px;
line-height: 50px;
min-height: 50px;
}

#top .social_bookmarks li a {
font-size: 40px;
}

    Please refer to this link on how to change the social icons: https://kriesi.at/support/topic/custom-social-media-icon-in-menu/#post-319596

    Cheers!
    Ismael

    October 20, 2014 at 10:33 am #338245
    berndrepenning

    Dear Ismael,

    thanks a lot. That was great help – as always.

    Could you please help me getting them centered again. I’d like them to be right in the center as before.

    Cheers
    Bernd

    October 20, 2014 at 3:39 pm #338395
    berndrepenning

    Little update: I managed to center the icons with a css I found in the forum. But now the hover circles doesn’t match the icons anymore. Is there a way to just give the icons another color without the circles in the background?

    Cheers
    Bernd

    October 20, 2014 at 11:57 pm #338761
    Yigit

    Hey Bernd!

    Seems like you have already figured it out? :)

    Regards,
    Yigit

    October 21, 2014 at 8:58 am #338894
    berndrepenning

    Hey Yigit,

    well yes and no. I just gave the grey socket a little more space and this way you cannot see the grey circle anymore because it’s the same color :)

    For further question I think, I’ll first give it a shot and if I really can’t do anything about it, I’ll ask all my questions all together :-)

    Thanks a lot! Love your support

    Cheers
    Bernd

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Socket social icons: Change and size’ is closed to new replies.