Icon Customisation – Colour, Margin and Padding

  • Resolved kaepora

    (@kaepora)


    6 years, 8 months ago

    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, 8 months ago by kaepora.
    • This topic was modified 6 years, 8 months ago by kaepora.
    • This topic was modified 6 years, 8 months ago by kaepora.
Viewing 1 replies (of 1 total)
  • Plugin Author Heateor Support

    (@heateor)

    6 years, 8 months ago

    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.

Viewing 1 replies (of 1 total)

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