Site logo

Archived topic

Custom button class

3 replies · Started by Andres on May 12, 2019

Viewing posts 1–4 of 4

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.

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 :)

You are awesome! Thank you very much

No problem :)

This archived topic is closed to new replies.