Archived topic
Custom button class
3 replies · Started by Andres on May 12, 2019
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 :)