Follow button change color

• 

  in365sunsets · Member · Jan 25, 2014 at 1:30 pm

  • Copy link
  • Add topic to favorites

  Hi there

  I would like to change in my follow button (right lower corner) the colour when someone enter their email address. It’s currently white on white background so hard to read. I’m new and don’t really know how to change the CSS.

  in365sunsets.com

  Thanks for your advice!

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

• 

  annadoo · Member · Jan 27, 2014 at 9:19 pm

  • Copy link

  On my browser(s) the text is white or light grey on a dark grey background.
  The only text that shows very light is the “Enter your email address” on the text input box.

  If you’ve added Customize ability to your blog you can go to Appearance>Customize then click on the CSS tab at the top.
  To change the text “Follow” to a different color add the line of css but change the #value to the color you want.

  #bit a.bsub {
      color: #CCCCCC;
  }

  If you’d prefer to change the background color of that whole box from the shade of grey to something more – use

  #bitsubscribe {
  background-color: #8badae;
  }

  with whatever color you want in there.

• 

  in365sunsets · Member · Feb 9, 2014 at 5:18 pm

  • Copy link

  Thank you annadoo.
  I am a bit embarrassed to admit that I don’t know how to do this. I went to customize and clicked on the CSS tab, but then I don’t know what to enter exactly and I’m afraid to make a mistake and to screw the format up. Any advice appreciated. :-)

• 

  thesacredpath · Member · Feb 9, 2014 at 6:20 pm

  • Copy link

  Hi, when you are Appearance > Customize, click on the CSS tab, delete all of the informational text in that window and then paste the code in the grey box @annadoo gave above to change the color of the follow button text.

  To change the color of the text in the email field, paste in the following code and edit the color code as desired. I’ve given it an initial color of dark grey.

  #bitsubscribe input {
      color: #333333;
  }

• 

  in365sunsets · Member · Feb 9, 2014 at 6:36 pm

  • Copy link

  Awesome. Thanks so much thesacredpath!
  I have the same issue with the Search field. Does it work like that: ?!

  #bitsearchfield input {
  color: #333333;
  }

• 

  thesacredpath · Member · Feb 9, 2014 at 6:57 pm

  • Copy link

  The code I gave is just for the follow email field. Let’s use the following instead, which is more general and should catch all input text fields everywhere, including the search.

  input, textarea {
      color: #333333;
  }

• 

  in365sunsets · Member · Feb 9, 2014 at 7:33 pm

  • Copy link

  Thanks so much again!! That worked exactly out as I wanted it.

• 

  thesacredpath · Member · Feb 9, 2014 at 7:34 pm

  • Copy link

  You are welcome.