Source: https://divicake.com/blog/how-to-remove-text-shadow-of-divi-slider/ [Blog](https://divicake.com/blog/)/[Blogging](https://divicake.com/category/blogging/) # How To Remove Text Shadow of Divi Slider Modules By Divi Cake·7 July 2024·Updated 9 July 2024·4 min read Many Divi users encounter difficulties removing the default text shadow, which can impact the overall design and readability of slides. We may earn a commission from affiliate links in this post. [Disclosure policy](https://divicake.com/affiliate-disclosure-policy/) On this page - [1. Remove Text Shadow of Divi Slider Modules without CSS](https://divicake.com#1-remove-text-shadow-of-divi-slider-modules-without-css) - [2. Remove Text Shadow of Divi Slider Modules with a CSS snippet](https://divicake.com#2-remove-text-shadow-of-divi-slider-modules-with-a-css-snippet) - [3. Remove Text Shadow of Divi Slider Modules in specific pages and modules](https://divicake.com#3-remove-text-shadow-of-divi-slider-modules-in-specific-pages-and-modules) - [Wrapping Up:](https://divicake.com#wrapping-up) Are you struggling to remove the text shadow in your [Divi Slider Module](https://divicake.com/blog/how-to-style-divi-sliders/) or Full Width Slider Module? You’re not alone! Many [Divi](https://divicake.com/go/divi/) users find it challenging to get rid of the default text shadow, which can sometimes interfere with the overall design and readability of your slides. The good news is that it’s entirely possible to remove this shadow, and it’s easier than you might think. In this comprehensive guide, we’ll walk you through two simple methods to eliminate the text shadow—whether you prefer to stick with Divi’s built-in options or use a bit of custom CSS. By the end of this tutorial, you’ll have the tools you need to create a clean, shadow-free look for your slider text. Let’s dive in! ## 1. Remove Text Shadow of Divi Slider Modules without CSS If you’re here, you’ve probably already tried to remove the text shadow using [Divi’s visual builder](https://divicake.com/blog/getting-started-with-divi-using-the-divi-builder/) and found it to be quite tricky. While it might seem impossible at first, there’s actually a straightforward method to get rid of that shadow, even if it’s not immediately obvious. Here’s how you can do it: - Open the Slider module settings by clicking the cogwheel icon in the Visual Builder. - Scroll down and expand the Text tab. - Select one of the five available Text Shadow styles. Important: Do not select the first option, “No Divi slider box shadow.” This might seem counter-intuitive, but trust the process. - Next, scroll down to the Text Shadow Color option and set it to transparent using the color code rgba(0,0,0,0). - And there you have it! The text shadow in your Divi slider is now gone. - To apply these settings to all your sliders across your site, right-click on the Text heading and select “Apply Styles to Active Preset.” By following these steps, you’ll be able to achieve a clean, shadow-free look for your slider text. Slider design settings in Divi enable users to customize slide transitions, navigation controls, text formatting, and background styles for creating visually appealing and functional slideshows. Slider Design Settings Read More: [How to add a Call To Action Button to Divi Menu](https://divicake.com/blog/adding-call-to-action-button-to-divi-menu/) ## 2. Remove Text Shadow of Divi Slider Modules with a CSS snippet If you’re more inclined towards using custom code, here’s a simple CSS snippet you can add to your [Divi theme](https://divicake.com/blog/divi-theme-review/) settings. This snippet targets both the regular Slider module and the Full Width Slider module, ensuring that the text shadow is removed from titles and body text. Just navigate to Divi > Theme Customizer > Custom CSS and paste the following code: /* Removing the text shadow of Divi slider modules */ .et_pb_slide_description { text-shadow:none !important; } This piece of code effectively eliminates any text shadow, giving your slider elements a cleaner and more polished appearance. This snippet targets both the regular Slider module and the Full Width Slider module, ensuring that the text shadow is removed from titles and body text. Adding CSS to the Theme Customizer ## 3. Remove Text Shadow of Divi Slider Modules in specific pages and modules If you’re looking to remove the text shadow specifically from one page or just a single [slider module](https://divicake.com/blog/how-to-style-divi-sliders/) instead of applying changes site-wide, there’s a simple solution for that too. Instead of altering your entire website, you can target specific pages or modules to remove the text shadow effect. For individual pages, you can add a CSS snippet directly to that page’s CSS. This allows you to customize the appearance without affecting other parts of your site. If you only want to remove the text shadow in one particular slider module, you can do so easily within the [Divi Builder](https://divicake.com/blog/divi-theme-builder-overview/). Simply open the settings for the module, navigate to the Advanced tab, and find the Custom CSS section. In the fields provided for “Slide Title” and “Slide Description,” insert the snippet: text-shadow:none !important; This targeted approach ensures that only the specified slider module is affected, leaving the rest of your site untouched. Full Width Slider Advanced Settings in Divi allow for fine-tuning slide transitions, animation speeds, navigation controls, and other detailed adjustments to enhance the presentation and functionality of your full-width sliders. Full Width Slider Advanced Settings Read More: [How To Secure WordPress/Divi Website Without Plugins](https://divicake.com/blog/secure-divi-website/) ## Wrapping Up: After following the steps outlined in this guide, you should now have a clear understanding of how to remove the text shadow from your Divi Slider Modules. Whether you opted for the straightforward method within Divi’s visual builder or chose to implement [custom CSS](https://divicake.com/blog/how-to-add-custom-css-to-divi/), you’ve taken a significant step towards enhancing the appearance and readability of your sliders. By eliminating the text shadow, you’ve achieved a cleaner and more professional look for your website’s slides, ensuring that your content stands out without any distracting visual elements. Whether you made site-wide changes or targeted specific pages and modules, the result is a polished design that aligns with your aesthetic preferences. Remember, mastering these techniques not only improves the visual appeal of your sliders but also enhances the overall user experience on your website. With your newfound knowledge, you’re better equipped to customize and optimize your Divi Slider Modules to suit your needs and preferences. So go ahead, experiment with these methods, and unleash the full potential of your Divi website. Here’s to creating stunning, shadow-free sliders that captivate your audience and elevate your online presence! Read More: [Basics of Divi Responsive Design](https://divicake.com/blog/basics-of-divi-responsive-design/) About the author Written by Divi Cake. ## Submit a comment Comments are read before they appear. Your email is not published. Comment NameEmail Company website Submit commentSubmit commentSubmit comment The comment form needs JavaScript for its spam check. Thanks. Your comment is waiting for review and will appear here once it is approved. ## Do you need help with … - [Divi websites](https://divicake.com/divi-website-development/) - [Divi plugins](https://divicake.com/divi-plugin-development/) - [Fix a site](https://divicake.com/fix-existing-site/) - [Beyond Divi](https://divicake.com/beyond-divi/) - [Technical SEO](https://divicake.com/technical-seo/) - [SEO content](https://divicake.com/seo-content/) ## Save Annually on Divi [Save 69% on Divi VIP](https://divicake.com/go/divi-vip/)[Save 69% on Divi Cloud](https://divicake.com/go/divi-cloud/)[Save 69%, Divi Team](https://divicake.com/go/divi-teams/) ## WordPress Hosting & Tools [100% off on Kinsta for 1 Month](https://divicake.com/go/kinsta/)[Get up to 62% off Bluehost hosting.](https://divicake.com/go/wordpress-hosting-blue-host/)[Save Up to 15% on Rank Math](https://divicake.com/go/rank-math/)[Get 50% OFF on all WPForms plans](https://divicake.com/go/wpforms/) ## More in Blogging [ Selling Divi websites and child themes Blogging10 min read ### How to Make Money Selling Divi Websites and Child Themes How to earn from Divi three ways: building sites for clients, selling finished websites through a brokerage or marketplace, and packaging child themes for sale. 29 September 2026](https://divicake.com/blog/selling-divi-websites-and-child-themes/) [ Top reasons to choose a pre-built theme for your website Blogging10 min read ### Top Reasons to Choose a Pre Built Theme for Your Website Why a pre-built theme is often the faster and cheaper way to launch a site, compared with a custom build on cost, responsiveness, customization, SEO and support. 21 September 2026](https://divicake.com/blog/reasons-to-choose-a-pre-built-theme-for-your-website/) [ Why Web Designers Use Divi Theme to Build Better Websites Blogging7 min read ### Why Web Designers Use Divi Theme to Build Better Websites Design agencies pick Divi for its visual builder, reusable layout packs, and faster client handoff. Here is what Divi for web designers changes day to day. 14 April 2026](https://divicake.com/blog/why-web-designers-use-divi/)