Need help changing Hover Button Color!! (Sketch Theme)

• 

  ivyyho · Member · Oct 6, 2020 at 9:59 pm

  • Copy link
  • Add topic to favorites

  Using the Sketch theme- I need to change the hover button colors from orange(default color) to my custom green color for my “Check Me Out” and “Resume” Buttons

  I would also like my “Learn More” buttons to have a hover color

  How would I go about doing that?

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

• 

  staff-totoro · Staff · Oct 7, 2020 at 12:24 am

  • Copy link

  Hi there,

  You can use CSS code to customize the button color on hover by going here, under the Additional CSS tab on the left:
  https://wordpress.com/customize/

  When you get there you will see a text box with some text in it. Create a new (blank) line, and paste in the following custom CSS code.

  .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:active {
      background-color: #a5ba9d;
      color: #fff !important;
  }

  Also, as a reminder you are afforded live chat support as a perk of your WordPress.com Premium Plan, so you can get a faster reply than you might here in our community forums.

  You can contact us here, and if a member of staff is online, then livechat will be available: https://wordpress.com/help/contact

  Hope this helps!