[Resolved] Custom button class

[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.

[Leo]

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 🙂

[Andres]

You are awesome! Thank you very much

[Leo]

No problem 🙂

[Author]

Posts