how to change the background of the social media icons

• 

  thepicturebar · Member · Mar 27, 2015 at 8:53 am

  • Copy link
  • Add topic to favorites

  how do I change the background color of the social media icons

  http://thepicturebar.com/62-2/weddings/athawayvenicia/

  I want it to be consistent with the webpage and only show the icons.

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

• 

  alexjgustafson · Member · Mar 27, 2015 at 5:04 pm

  • Copy link

  Try this out to change the colors of each icon with one selector:

  .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button,
  .sd-social-icon .sd-content ul li[class*='share-'].share-press-this a.sd-button , 
  .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button , 
  .sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button{
  	background-color: #ef601e;
  }

  If you change icons, this selector will need to be revised.

  Do you know how to use Inspect Element to look for CSS selectors?

• 

  thepicturebar · Member · Mar 27, 2015 at 6:55 pm

  • Copy link

  I used a different code and it worked.

  div.sharedaddy,
  #content div.sharedaddy,
  #main div.sharedaddy {
  background-color: black;
  }