Ghost Button Border

Support Area Forums Mise En Place Ghost Button Border

Tagged: 

This topic contains 5 replies, has 2 voices, and was last updated by  Bill Robbins 1 year, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question: http://
  • Author
    Posts
  • #34847
    Fabian Roemer
    Fabian Roemer
    Participant

    Where or how can I change the color (set to white by default) of the Ghost Button border?

    thx

    #34849

    Bill Robbins
    Keymaster

    Hi Fabian,

    I’d be glad to help out. Can you send over a link to the spot with the button you’re trying to change?

    Thanks,
    Bill

    #34850
    Fabian Roemer
    Fabian Roemer
    Participant

    Sure! kikoyland.com

    Front Page/Home

    #34855

    Bill Robbins
    Keymaster

    Thanks Fabian,

    The border should inherit the color that the button is set to in the button styling options. If the border isn’t cooperating with that, it can be forced this way:

    1. Go to the Appearance section in your WordPress dashboard and click on Customize.
    2. Look down for the advanced section and click on it. Then choose Custom CSS.
    3. In the box there, add this:
      
      a.button.ghost {
      	color: #7c6559;
      	border-color: #7c6559;
      }
      
      a:hover.button.ghost {
      	color: #000000;
      	border-color: #000000;
      }
      

      The top style is for the normal state of the button and the bottom style is for the hover state. Just change those values to match your style.

    4. Save your changes.

    Let me know if that doesn’t do the trick.

    Thanks,
    Bill

    #34856
    Fabian Roemer
    Fabian Roemer
    Participant

    I did the trick as always! Thank you Sir!

    #34857

    Bill Robbins
    Keymaster

    Fantastic 🙂

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Ghost Button Border’ is closed to new replies.