Text drop shadow inside Image Banner

[jfproulx]

I’m trying to add a drop shadow on the text portion of an image banner. I added this to the “Extra Class” field of the image banner.

text-shadow: 1px 1px 23px #000000;

Thanks for your help. I’m not a coding expert, so please be very specific.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

That is not a class, that’s CSS.

A class would be: my-custom-class.

The CSS for that would then be:

.my-custom-class {
   text-shadow: 1px 1px 23px #000000;
}

You also need to target your text content class, I do not know what that is as you have not provided a URL.

[jfproulx]

This reply has been marked as private.

[jfproulx]

This reply has been marked as private.

[David Martin – Support]

Thanks, it would be this:

.my-custom-class h1 {
    text-shadow: 1px 1px 23px #000000;
}

[jfproulx]

This reply has been marked as private.

[David Martin – Support]

No.

1) Please add this to Theme Options => Custom CSS:

.my-custom-class h1 {
    text-shadow: 1px 1px 23px #000000;
}

2) Add the class my-custom-class to your Page Builder element.

[jfproulx]

Thanks, works like a charm. Resolved!
As always, thanks to your awesome support team.

[Rui Guerreiro – SUPPORT]

Great. Glad it’s sorted.
Thanks David.

-Rui