[Resolved] Stubborn Ghost Button

[Marcel]

Hello,
I use the same ghost button HTML and CSS snippet in 2 different places on my website. In one of them, the ghost button acts normally as I intended to be – a ghost button, but in another place, it is just a normal button, not a ghost one.
What I am doing wrong?

[David]

Hi there,

try this CSS:

a.button.ghost, a.button.ghost:visited {
    background: transparent;
    border: 1px solid #65837B;
    color: #65837B;
}

a.button.ghost:hover, a.button.ghost:active {
    background-color: #bcd5ec;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    color: #000;
    text-decoration: none;
}

Its a little more specific and should apply to those pages.

[Marcel]

Working. thank you!

[David]

You’re welcome

[Author]

Posts