Ghost Button Border

[Fabian Roemer]

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

thx

Attachments:

1. 

   Screen-Shot-2016-01-12-at-18.37.36.png
   

[Bill Robbins]

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

[Fabian Roemer]

Sure! kikoyland.com

Front Page/Home

[Bill Robbins]

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

[Fabian Roemer]

I did the trick as always! Thank you Sir!

[Bill Robbins]

Fantastic 🙂

[Author]

Posts