[robdickensParticipant]

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!

[robdickensParticipant]

This reply has been marked as private.

[Nabeel AModerator]

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!

[robdickensParticipant]

It’s every button on the site.

[FriechModerator]

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!

[robdickensParticipant]

Thanks!

[JadeModerator]

You’re welcome.

[Author]

Posts