[resolved] Shrink space between social media icons! (3 posts)

  1. sophie
    Posted 1 year ago #

    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:



  2. Maria Antonietta Perna
    Posted 1 year ago #

    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.

  3. sophie
    Posted 1 year ago #

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

    Thanks once again and have a great week!!!

Topic Closed

This topic has been closed to new replies.

About this Topic