[Resolved] Custom button class

Home Forums Support Custom button class

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #897143
    Andres

    Hi there,

    I am trying add a custom class for a button. I read this doc: https://docs.generatepress.com/article/adding-buttons/

    This is the code:

    .button.ghost, .button.ghost:visited {
    background: transparent;
    border: 2px solid #FFF;
    }
    .button.ghost:hover,
    .button.ghost:active {
    background: #FFFFFF;
    color: #222222;
    border: 2px solid transparent;
    }

    And this is the link in Page Hero:

    <a class="button ghost" href="https://bitacorasx.com">¡EMPIEZA TU AVENTURA!</a>

    I cant do this work. Can you see what I miss?

    Thank you very much.

    #897242
    Leo
    Staff
    Customer Support

    Hi there,

    Try editing your CSS to this:

    a.button.ghost, a.button.ghost:visited {
        background: transparent;
        border: 2px solid #FFF;
    }
    a.button.ghost:hover,
    a.button.ghost:active {
        background: #FFFFFF;
        color: #222222;
        border: 2px solid transparent;
    }

    Let me know if this helps 🙂

    #897248
    Andres

    You are awesome! Thank you very much

    #897250
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.