Archived topic
hover of a button
3 replies · Started by Francesca on March 28, 2018
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
Hi there,
Have you tried Customizer > Colors > Buttons > Background Hover?
If not can you link me to the site in question?
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
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;
}