Remove button text shadow outside Cornerstone

Support
#1

I’ve used global CSS in Cornerstone to remove the shadow on button text but the code doesn’t seem to apply to any Woocommerce pages (presumably because they aren’t supported by Cornerstone). Is there anywhere in the theme’s code that I can make a change to remove text shadow from all buttons?
Thanks.

#2

Hello There,

Thanks for writing in!

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#3

Hi Prasant

Absolutely. Can you please use this link: http://special-song.com/?ign_skip=8zzN6Vzf9WY9NCf

Thanks

#4

I don’t see a button with text shadow in the link you’ve given. Please give us the exact link and screenshot of the button.

Thanks.

#5

Could you please use the link above and then click on ‘cart’. You’ll see on that page that the ‘Return to shop’ button has shadow on the text even though I have used a Themeco suggested code to remove it from everywhere on the site. Sadly it doesn’t seem to be working on any page created by Woocommerce. I’ve attached a screenshot that shows the button on the cart page.

#6

Hi Rebecca,

You’re quite right. You’ll need to modify your code to accommodate them. Try this first:

a.x-btn, .button {
   text-shadow: none;
}

Then if you find that some buttons are still showing the text shadow, use this:

a.x-btn, .button {
   text-shadow: none !important;
}

That should do the trick!

#7

That worked perfectly, thank you!

#8

You’re very welcome, Rebecca. Have a great day!

#9

Sorry to bother you again, but I still seem to be having the same issue with the contact form. It’s the only button on the site that’s not adopting the code for some reason.

#10

Hi again,

Please add the following code in your Customizer:

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

Hope this helps!

#11

Perfect, thanks again!

#12

Glad we could help.

Cheers!