Changing the colour of this Widgets: Follow Button

• 

  rebelleonmyway · Member · Oct 13, 2017 at 4:17 am

  • Copy link
  • Add topic to favorites

  I’ve never use CSS but I’m trying to understand but it’s a kind of hard when you don’t know what to do. So here is my question.
  Please Help me :)

  My blog have pink/magenta colour… and I put this widgets but it’s blue and it don’t fit with my theme. I would like to change it.
  Also, I would like to select the colour because I don’t know the name of the colour.

  Thank you

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

• 

  staff-imahappyengineer · Staff · Oct 13, 2017 at 4:27 am

  • Copy link

  Hello @rebelleonmyway,

  Please try this code:

  .follow-button a {
  	background: #cb2356;
  }

  I used same color of your links. It looks like this:
  https://i.imgur.com/PaM9FsL.png

  1. Click this link: https://wordpress.com/customize/rebelleonmyway.com
  2. Go to CSS on the side menu.
  3. Then put in the code.
  4. You can change the hex value (cb2356) to a different color if you want. You can refer to this link for colors: http://htmlcolorcodes.com/
  5. Click Save and Publish button.

  You can find more information from this link:
  https://en.support.wordpress.com/custom-design/editing-css/

  Let me know if you got stuck anywhere, so I can further assist you.

  Regards,
  Rose

• 

  thesacredpath · Member · Oct 13, 2017 at 7:02 pm

  • Copy link

  Hi @rebelleonmyway, although generally the code that staff-imahappyengineer gave would work, in this case it will not since the follow button widget code is within an iframe which means we cannot change any of it. The button will remain blue with white lettering.