Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 25, 2015 at 11:22 am #417675
    danbooth

    I’m struggling to increase the size of the social media icons in the #socket.

    I want to make the icons bigger and the circle that surrounds.

    What’s the correct CSS to use?

    I’ve tried various things such as:

    #socket .social-bookmarks a {
    width: 50px !important;
    height: 50px !important;
    font-size: 18px !important;
    }

    I can’t figure out which elements the sizing should be applied to.

    Any help much appreciated.

    March 25, 2015 at 1:04 pm #417713
    Günter

    Hey danbooth!

    Thank you for coming back.

    Use the following and adjust the values:

    
#footer .social_widget_icon {
    border-radius: 20px !important;
    font-size: 25px !important;
    height: 40px !important;
    padding-top: 4px !important;
    width: 40px !important;
}

    Cheers!
    Günter

    April 1, 2015 at 5:02 pm #422027
    danbooth

    Hi Günter,

    I’ve only just seen you’re reply. Thanks for getting back to me.

    It’s actually the social icons in the #socket that I want to resize – the icons aren’t in the #footer, so the code you suggested doesn’t work.

    I’ve highlighted the icons on the screenshot below….

    Screenshot of icons in socket

    What CSS should I use to change the size of these icons?

    Cheers,
    Dan

    April 1, 2015 at 5:06 pm #422029
    Yigit

    Hey!

    Please change your code to following one 

    #socket .social_bookmarks a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}

    Cheers!
    Yigit

    April 1, 2015 at 5:18 pm #422036
    danbooth

    Hi Yigit,

    that’s what I started off with. Unfortunately that doesn’t to work.

    I’ve managed to get it working now with the following….

    
#socket .social_bookmarks li a {
width: 50px !important;
height: 50px !important;
font-size: 18px !important;
}

    The same as your suggestion with an added ‘li’.

    So all sorted now :)

    Cheers,
    Dan

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to increase size of social icons in footer (socket)’ is closed to new replies.