Darkening The "Subscribe" On Follow Widget (Sidebar)

• 

  westcoastflaneur · Member · Oct 7, 2015 at 6:31 pm

  • Copy link
  • Add topic to favorites

  Hi WordPress Fam,

  On my homepage, if you glance at the sidebar, you’ll notice “SUBSCRIBE.” Now if you hover over “SUBSCRIBE,” you can see a distinct black area that is very noticeable around the words, as opposed to when you just look at it, without hovering your cursor; and it doesn’t even look like it’s a button to be clicked, unless you hover over it.

  I need help with making the “SUBSCRIBE” button look like how it looks when you hover your mouse over it by default. Thereby, not requiring one to hover over “SUBSCRIBE” to notice the black area that surrounds the word.

  Hope I’m making sense.

  Cheers
  Ngawang

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

• 

  shawnajroberts · Member · Oct 7, 2015 at 6:46 pm

  • Copy link

  Hi there!

  You can make that change by adding this to your CSS panel in the Customizer:

  body.custom-background input[type="submit"] {
  	background-color: rgba( 0, 0, 0, 0.8 );
  }

  Once you do that, I suggest you make a change to the hover state so that the button changes when you put a mouse over it – its a good way to confirm to people that it’s a button. :) Here’s the selector for that:

  input[type="submit"]:hover

• 

  westcoastflaneur · Member · Oct 8, 2015 at 1:10 am

  • Copy link

  Thanks Shawna! And for the added tip as well :)