Change follow button colors

• 

  traumamamadrama · Member · Apr 23, 2016 at 6:08 pm

  • Copy link
  • Add topic to favorites

  My website: https://traumamamadrama.com/blog-2/

  I need to change the colors of the follow button in the right column. Currently, the text is red and I’d like it to be black.

  I also do not like the red that flashes when you hover over the button and would like to remove that.

  I tried to do the css customization myself but failed, so now I ask you all for help!

  Thanks!

• 

  thesacredpath · Member · Apr 25, 2016 at 7:45 pm

  • Copy link

  Hi, I’ve included two rules below. The first sets the font color when not hovered, to black. The second sets the background hover color on the button to grey instead of red. You can edit that color as desired, or if you wish to keep the red hover color on the button background, simply don’t include the second rule.

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
      color: #000;
  }
  button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
      background: #ccc;
  }

• 

  traumamamadrama · Member · Apr 25, 2016 at 7:50 pm

  • Copy link

  Awesome! Thank you for your help. Looks great!

• 

  thesacredpath · Member · Apr 25, 2016 at 11:11 pm

  • Copy link

  You are welcome.