How To Remove Text Shadow In Divi Slider Modules

✏️ 2019-08-21 | Divi | 2 comments

Can't find the toggle to remove text shadow in the Divi Slider module? Well, it doesn't exist. Here's a little CSS snippet that will solve the problem.
Skribent: Victor Duse
By Victor Duse

If you want to remove the text shadow in a Divi Slider Module or a Divi Fullwidth Slider Module, you might have noticed that it can’t be done within the Divi Builder design settings. So let’s hide the text shadow with some CSS instead.

Add the following CSS snippet to Divi > Theme Customizer > Custom CSS. It will remove the text shadow from titles and body copy in both the regular Slider module and the Fullwidth Slider module:

/* Remove text shadow in Divi slider modules */

.et_pb_slide_description {
text-shadow:none !important;
}

Before (with text shadow)

Divi slider module with text shadow

After (without text shadow)

How to remove text shadow in specific pages and modules

The method above will remove the text shadow from all Divi slider modules (including the fullwidth slider module) site wide.

If you just want to remove text shadows for a single page, just add the CSS snippet to the page CSS instead.

If you want to remove text shadows in a single slider module, just open the module settings in the Divi Builder and go to Advanced > Custom CSS and just add text-shadow:none !important in the fields for “Slide Title” and “Slide Description”.

Hide the text shadow in a specific slider module only.

Bonus: Change text shadow style with the Divi Builder without CSS

Even though you can’t hide the slider text shadow without CSS (which is a bit odd), you can actually change the text shadow style with the Divi Builder settings. Just go to the Slider Module Design tab and go to Text > Shadow.

However, this will only apply if you don’t remove all slider text shadows by using the CSS snippet above.

Text shadows settings in Divi Builder

Default text shadow is still displayed after choosing none.

Related posts

2 Comments
  1. Very helpful! Thank you!

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.