Call-To-Action Button Opacity

• 

  kmp5268 · Member · Dec 22, 2016 at 6:56 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I am looking for help changing the opacity on my call-to-action buttons as well as the submit button on my contact form.

  Thank you.

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

• 

  thesacredpath · Member · Dec 22, 2016 at 8:23 pm

  • Copy link

  Hi there, add the following and see if this is what you are looking for. I’ve set the non-hover opacity at 0.5 (translucent) and the hover at 1. You can adjust as desired.

  .button, input[type="submit"] {
  	opacity: 0.5;
  }
  .button:hover, input[type="submit"]:hover {
  	opacity: 1;
  }

• 

  kmp5268 · Member · Dec 22, 2016 at 8:44 pm

  • Copy link

  Hi @thesacredpath,

  That code worked perfectly. Thank you.

  Would you be able to take a look another post of mine?

  https://en.forums.wordpress.com/topic/font-style-adjustment?replies=2

  Thanks again.

• 

  thesacredpath · Member · Dec 22, 2016 at 9:42 pm

  • Copy link

  Hooray and you are welcome! I’ve responded to your other thread as well.