Title: Icon Customisation – Colour, Margin and Padding
Last modified: September 16, 2019

---

# Icon Customisation – Colour, Margin and Padding

 *  Resolved [kaepora](https://wordpress.org/support/users/kaepora/)
 * (@kaepora)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/icon-margin-and-padding/)
 * **Note**: I changed the title of this, though the central issue is the same, 
   the way it’s coded leaves little room, or makes it difficult to customise.
 * I’d like to be able to re-colour the icons slightly – all I want to do is have
   the background a fixed colour, and the social icon iteslf the relevant colour,
   navy for FB, turquoise for Twitter, etc. Basically opposite of the plugin default.
 * But I can’t – I’ve modified the CSS but looks like it’s being overridden by the
   SVG code. Is this right? How can I overcome this please?
 * — Below issue fixed —
 * I was also having trouble spacing the icons due to use of `!important` in the
   plugin CSS. This does seem unnecessary, why do you do add them all? There’s no
   option to set margin in the options so forcing them seems an odd decision.
 * Please remove unnecessary `!important` declarations in the plugin CSSy.
 * I’ve done the margins with `.heateor_sss_horizontal_sharing li.heateorSssSharingRound,.
   heateor_sss_standard_follow_icons_container li.heateorSssSharingRound` but as
   said, I’m still not sure why `!important` was used on other selectors in the 
   first place. It should only be used when absolutely necessary.
    -  This topic was modified 6 years, 9 months ago by [kaepora](https://wordpress.org/support/users/kaepora/).
    -  This topic was modified 6 years, 9 months ago by [kaepora](https://wordpress.org/support/users/kaepora/).
    -  This topic was modified 6 years, 9 months ago by [kaepora](https://wordpress.org/support/users/kaepora/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [Heateor Support](https://wordpress.org/support/users/heateor/)
 * (@heateor)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/icon-margin-and-padding/#post-11938547)
 * You can use following CSS in the `Custom CSS` option to customize margin between
   share and follow icons:
    `i.heateorSssSharing{margin:6px}` Replace `6px` in above
   CSS with the desired value. If you let me know what exact customization you want,
   I would be able to suggest you CSS.
    -  This reply was modified 6 years, 8 months ago by [Heateor Support](https://wordpress.org/support/users/heateor/).

Viewing 1 replies (of 1 total)

The topic ‘Icon Customisation – Colour, Margin and Padding’ is closed to new replies.

 * ![](https://ps.w.org/sassy-social-share/assets/icon-128x128.png?rev=3258279)
 * [Social Sharing Plugin - Sassy Social Share](https://wordpress.org/plugins/sassy-social-share/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sassy-social-share/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sassy-social-share/)
 * [Active Topics](https://wordpress.org/support/plugin/sassy-social-share/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sassy-social-share/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sassy-social-share/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [margin](https://wordpress.org/support/topic-tag/margin/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)

 * 1 reply
 * 2 participants
 * Last reply from: [Heateor Support](https://wordpress.org/support/users/heateor/)
 * Last activity: [6 years, 8 months ago](https://wordpress.org/support/topic/icon-margin-and-padding/#post-11938547)
 * Status: resolved