[Support request] hover of a button

[Francesca]

Hi, I should create a hover for this button

a.button,
a.button:visited {
color: #ffffff;
background-color: #d20a0a;
border-radius: 6px;
font-family: montserrat;
font-weight: 600;
border-width: 2px;
border-color: #d20a0a;
}

with:
background-color:#ffffff;
color: #d20a0a;
border-width: 2px;
border-color: #d20a0a;

I created one, but the hover edge does not appear. Can you help me? Thank you

[Leo]

Hi there,

Have you tried Customizer > Colors > Buttons > Background Hover?

If not can you link me to the site in question?

[Francesca]

Yes but it not works.

the site is

https://francesca.megcorsi.com/

the button is in this page

https://francesca.megcorsi.com/blog/

thank you

[Leo]

It’s not working because you have this CSS added:

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus {
  color: #d20a0a;
  background-color: #ffffff;
  border-width: 2px;
  border-color: #d20a0a;
}

[Author]

Posts