Changing sharing buttons background

• 

  patmandesigns · Member · Jan 23, 2016 at 11:51 am

  • Copy link
  • Add topic to favorites

  Please can someone help me change the background colour of my sharing buttons at the bottom of my pages and posts. Im using the Edin theme. Many thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  sewingpattern · Member · Jan 25, 2016 at 3:18 am

  • Copy link

  Hi! Assuming you know what color codes you want to change the sharing buttons to, you can give this a try in your custom CSS:

  For the facebook icon:

  .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button {
      background: <strong>#PUT-COLOR-HERE</strong>;
  }

  For the twitter icon:

  .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button {
      background: <strong>#PUT-COLOR-HERE</strong>;
  }

  For the email icon:

  .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
      background: <strong>#PUT-COLOR-HERE</strong>;
  }

  Let me know if that doesn’t work, or if you have any other questions.

• 

  patmandesigns · Member · Jan 25, 2016 at 5:24 pm

  • Copy link

  Im sorry, I didn’t explain myself properly. I mean the huge whit box the highlights my sharing area for all media. Please see the bottom of this page for an illustration:

  http://woodlanddogsltd.co.uk/about/

• 

  sewingpattern · Member · Jan 25, 2016 at 6:42 pm

  • Copy link

  Oh, I see! For changing the background color of the white box that holds the social media icons, try this out:

  .sd-sharing-enabled:not(#jp-post-flair) {
      background: PUT-COLOR-HERE;
  }

  Does that do the trick?

• 

  patmandesigns · Member · Jan 26, 2016 at 10:07 am

  • Copy link

  That’s the one, thank you so much.

• 

  sewingpattern · Member · Jan 26, 2016 at 5:10 pm

  • Copy link

  Hooray, you’re welcome!