Default Button Text Shadow

[HippieonHoliday]

Hello! I recently added a shop to my site with Woocommerce, which means all my cart/product/account etc. pages are all relying on my default buttons.

Currently, the style & color etc. is mostly correct (as I have set it up under Theme Options) - but the button text has a shadow that looks awful.
Example: https://www.hippietravelhub.com/shop/5-8-people-automatic-pop-up-instant-large-tent-waterproof-outdoor-camping-family-uv-sunshade-shelter/

How can I remove the text shadow from default buttons across my site?

Thanks for your help!

[prakash_s]

Hello @HippieonHoliday,

Thanks for writing to us

Regretfully there is no option to remove the text-shadow of the default button but you can achieve it through custom CSS code.

.x-btn, .button, [type="submit"] {
text-shadow: none !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[HippieonHoliday]

Hey! Thank you so much, this worked like a charm!

[ruenel]

You’re welcome, Cassidy!