Changing hover state of only one button

Site URL: https://www.tiahughes.com/

Hello,

I have added a custom hover state to the buttons on my site so they change from outlined to a filled colour.

I have one button however that sits on a section background of the same colour. I am having trouble changing the hover state colour of this one button, can someone help?

Thank you in advance.

Add the following to Design > Custom CSS.

.small-button-style-outline #block-yui_3_17_2_1_1613012135772_5855 .sqs-block-button-element--small:hover {

  background-color: red !important;
  border-color: red !important;
  color: green !important;
  
  }

This is for a v7.1 site and specific to the OP's needs.

You will of course want to change the colors.

Notice how I replaced the .sqs-block-button class with the id for that button block. You will need to replicate the selector for each button you want different from the rest.

Let us know how it goes.

Worked perfect! Thank you so much 🙂