Topic: How do I add drop shadow to button text?

Tagged: x

Author

Posts
March 15, 2017 at 12:00 pm #1408305

robdickens
Participant

I’m using the Icon stack and I want to add drop shadow to the button text. I’ve added this line to the Global CSS option under the theme Customizer:

.x-btn {
font-family: ‘Bangers’, sans-serif;
font size: 20px !important;
letter-spacing: 1.5px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

All CSS works except for the text shadow. Also, many of the options under the Button customizer don’t work. Changing the “Button Style” from “3D” to “Flat” does nothing (but the “Transparent” option works). Changing the “Button Shape” option has no effect.

The site is http://test4.gotraces.com. I’ll post the login info in a private post following this one.

Thanks!

March 15, 2017 at 12:00 pm #1408307

robdickens
Participant

This reply has been marked as private.

March 15, 2017 at 2:34 pm #1408491

Nabeel A
Moderator

Hi there,

Thanks for writing in! Can you please show us the buttons you’re referring to by sharing some screenshots so we can take a closer look?

Thanks!

March 15, 2017 at 2:56 pm #1408514

robdickens
Participant

It’s every button on the site.

March 15, 2017 at 10:57 pm #1409089
Friech
Moderator
Hi There,

Please add this on your custom CSS to have your button text a shadow.
```
.x-btn.x-btn-real, .x-btn.x-btn-real:hover,
.x-btn, .x-btn:hover {
    text-shadow: 0 .25em 0.25em rgba(0,0,0,0.65) !important;
}
```
A button wont follow a Global Settings (customizer) if it has a specific settings define to it.

Hope it helps, Cheers!
March 16, 2017 at 12:09 pm #1409870

robdickens
Participant

Thanks!

March 16, 2017 at 3:22 pm #1410112

Jade
Moderator

You’re welcome.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1408305 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>