Celebrating 7 Years! Get up to $30 off GeneratePress Premium!

[Support request] hover of a button

Home Forums Support [Support request] hover of a button

Home Forums Support hover of a button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #534086
    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

    #534275
    Leo
    Staff
    Customer Support

    Hi there,

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

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

    #534319
    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

    #534511
    Leo
    Staff
    Customer Support

    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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.