Sociable for WordPress 3.0
[resolved] Sociable Pro Custom CSS (3 posts)

  1. helenshaw
    Posted 6 years ago #

    Hi, first of all thanks for such a great plugin! I bought the 'Pro' version and I love it.

    I have a quick CSS question: I want to put a little more space between the icons, can you tell me what I need to change to do it?


  2. tompokress
    Plugin Author

    Posted 6 years ago #

    Hi Helen,

    You can add a 'sociable-custom.css' file to the sociable directory. The file won't get overwritten during upgrades, and you can use it to override the default CSS settings.

    To change the left/right spacing from 2px to 10px, try something like:

    .sociable-img {
    padding: 0 10px 0 10px !important;

    I hope that helps!

  3. Chris M.
    Posted 5 years ago #

    Hey "tompokress"!

    I have a similar question about custom CSS. I am trying to make a space/margin/padding right below the "span.sociable-tagline" in order to give some more breathing room for the icons, but I can't seem to get it to work. How do I do this properly?


    P.S. I read in the online instructions here (http://wordpress.org/extend/plugins/sociable-30/faq/) that is says to create a file called 'sociable_custom.css'. But in the software itself it says to, "Check to include your own CSS file. You must create a file named custom.css in the Sociable plugin directory." I got it to work with custom.css and not the other.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic