Changing color in shortcode

  • Resolved wstone508

    (@wstone508)


    3 years, 9 months ago

    In my test page, I’m trying to create black and white ‘follow’ icons in the menu. Here’s the html: [Sassy_Follow_Icons social_networks=”facebook=https://facebook.com/iterant,twitter=https://twitter.com/iterant_mag,instagram=https://www.instagram.com/iterant_mag” style=”icon-color:#000000;”]

    I also tried the ‘short hex’ as

    [Sassy_Follow_Icons social_networks=”facebook=https://facebook.com/iterant,twitter=https://twitter.com/iterant_mag,instagram=https://www.instagram.com/iterant_mag” style=”icon-color:#000;”]

    I understand this is for ‘background color’ so maybe I’m not finding the right code? Any help would be appreciated. Thank you!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Heateor Support

    (@heateor)

    Color of the icons is already white. You just need to change the background color of the icon to make it a white logo over black background. You can add following CSS in the Custom CSS option in the Miscellaneous section to make the background black.
    div.heateor_sss_follow_icons_container .heateorSssSharing{background-color:black}
    You can remove the style attribute from the shortcode. There isn’t any CSS property like icon-color, FYI.

    Thread Starter wstone508

    (@wstone508)

    Thank you!

    Plugin Author Heateor Support

    (@heateor)

    No problem

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing color in shortcode’ is closed to new replies.