Support » Themes and Templates » Shrink space between social media icons!

  • Resolved sophie

    (@sophiewordpress5)


    Hi! Does anyone know how to shrink the white space between the social media icons? I want them closer together. I’m using a child theme of twenty twelve.

    Here is my site:

    http://betterhousekeeper.com/

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi, in the theme’s stylesheet you find this rule:

    #socialmedia-container DIV.smc_icon_container {
    display: block;
    float: left;
    margin: 0 8px 10px !important;
    padding: 0 !important;
    position: relative;
    }

    You need to modify the above in your child theme’s stylesheet by adding:

    #socialmedia-container DIV.smc_icon_container {
    margin: 0 4px 10px !important;
    }

    In the original the space between icons is 8px, in the new rule the space is 4px. Obviously, you’re free to adjust that value according to your taste. I hope this helps.

    sophie

    (@sophiewordpress5)

    Hi! omg thankyou so much!!! worked like a charm! Spent all afternoon trying to crack this!

    Thanks once again and have a great week!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Shrink space between social media icons!’ is closed to new replies.