Dara Theme

• 

  gibbspetr · Member · Sep 4, 2017 at 3:04 pm

  • Copy link
  • Add topic to favorites

  Hi everyone Iam using Dara theme.I have put Amazon icons on my header but they have taken the color of my pallette,is they a way of changing the colors to official Amazon black and orange colors.the site is zimbabweanodyssey.wordpress.com.Thy can be viewed right on top.Thank You.

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

• 

  pauloeaquino · Staff · Sep 5, 2017 at 7:01 am

  • Copy link

  Hi @gibbspetr,

  There is a way you can edit the color of these icons and that’s through Custom CSS.
  https://en.support.wordpress.com/custom-css/

  To do this, you would first need to have a WordPress.com Premium or Business Plan.
  https://wordpress.com/pricing/

  When you have access to your CSS, you would use the following code:

  .jetpack-social-navigation ul li {
  background-color: black;
  }

  .jetpack-social-navigation-svg .icon {
  fill: #FF9800;
  }

  …to help you achieve the following effect (see screenshot):
  https://peaeb.files.wordpress.com/2017/09/amazonlogo.png

  Feel free to ask any other questions if you need help.