Changing the color of the Share Widget icons

Follow

Jane Vance

• May 01, 2017 12:15
• Edited

How do I change the color of the social media icons that display when using the Share Widget?

Original question received by ShortStack Support

0

• Official comment

  

  Jane Vance

  • May 01, 2017 12:13
  • Edited

  Answer from ShortStack Support: This can be done via the Style Panel. Here's how: 

  1. Click the icon at the top to open the Style Panel
  2. Click the Share Widget in the Edit Widgets Panel to open the Share Widget settings in the Style Panel
  3. Within the Style Panel under ALL SHARE, click Links
  4. In the ICONS & TEXT section, update the color in the box below Default Color
  5. Click Save at the bottom of the Style Panel

  Steps 1-4 are illustrated in the image below.

  

   

  For older Campaigns not using Style Panel: 

  If you are not using the Style Panel for your Campaign (older Campaigns), then you can update the color of the Share Widget icons using CSS. Here's the CSS you need:

  /*Share Icon Color*/
  a.ss_share_on{
    color:#000000;
  }
  
  /*Share Icon Hover Color*/
  a.ss_share_on:hover{
    color:#ffffff;
  }

  The CSS Editor is accessed by clicking the Style Panel icon at the top of the Campaign Builder. Click the CSS icon in the upper right corner of the Style Panel, then drop in the CSS. After you drop in the CSS, enter the HEX values for the colors you want to use after color: in the CSS.

  Permalink

Please sign in to leave a comment.