[Resolved] Stubborn Ghost Button

Home Forums Support [Resolved] Stubborn Ghost Button

Home Forums Support Stubborn Ghost Button

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1488160
    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?

    #1488308
    David
    Staff
    Customer Support

    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.

    #1488317
    Marcel

    Working. thank you!

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