Change Button Shape

[Atwell Williams]

Bill,

Is there any way to change the default shape of the buttons in the theme? I would like to have a radius on the corners (e.g. like the “Donate Now” button on the page: http://www.yfc.net/about/)?

Thanks,
Atwell

[Bill Robbins]

Hello Atwell,

Absolutely you can do that. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   button,
   a.button,
   input.button,
   input[type="button"],
   input[type="submit"],
   #wrap a.tribe-events-button {
   	border-radius: 5px;
   }
   

3. Update your settings.

You can make the corners more round by changing the 5px in the snippet above to a larger number, or less round by making it smaller.

Hope that helps out.

Have a fantastic day,
Bill

[Atwell Williams]

Bill,

Thanks for the quick response! Weird thing, though. When I’m logged in, the change shows up on the front-end of the site when I select “Visit Site”. As soon as I log out, however, it reverts back to the square edges even though the code is still in place in the custom CSS.

I’ve tried refreshing my cache and even using a different browser, but it still does the same thing. Any ideas why that’s happening?

Thanks,
Atwell

[Bill Robbins]

That’s always a bit odd when that happens. It sounds like you may need to clear out WP Engine’s cache to see the changes while you’re logged out. You can find the button to do that in the WP Engine section of your dashboard.

Let me know if that doesn’t fix it.

Bill

[Atwell Williams]

That got it!! Thanks! You Da MAN!!! 🙂

[Bill Robbins]

?

[Author]

Posts