CSS changes appear only in customize mode

• 

  seanncunningham · Member · Aug 2, 2018 at 4:27 pm

  • Copy link
  • Add topic to favorites

  I am trying to change the colour of some social media icons on my website from green to orange using CSS, and it works perfectly fine until I exit the customize page.

  When viewing the website in any other way the colour of the icons remain the default green, but the second I click Customize to change them, they change to orange.

  If when I’m editing, the CSS works fine, why would it not stay that way?

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

• 

  garysixtyeight · Member · Aug 2, 2018 at 11:48 pm

  • Copy link

  Hi there,

  Please try using the CSS below:

  .jetpack-social-widget-item a {
      color: #e1702f;
  }

  If it doesn’t work, please keep it in the customizer so we can use browser developer tools to troubleshoot further.

• 

  seanncunningham · Member · Aug 3, 2018 at 12:55 am

  • Copy link

  That seemed to do the trick, thanks for the help!

• 

  garysixtyeight · Member · Aug 3, 2018 at 1:22 am

  • Copy link

  You’re welcome, glad I could help :)