Your Dedicated Partner for All Things WordPress

Table of Contents

When it comes to designing a website, having control over its appearance is crucial. One of the most important aspects of web design is choosing the right color palette that suits the brand or personality of the website. In Elementor, a popular page builder plugin for WordPress, changing text colors is a breeze. Whether you’re a beginner or an experienced Elementor user, this guide will walk you through the steps of changing text colors, making your website stand out from the rest.

Select the Text Module

The first step to changing text color in Elementor is to select the text module. The text module will typically contain the text you want to change the color of. Select the module by clicking on it and then proceed to select the “Style” tab located on the left side of the widget.

Urgent WordPress Assistance

Facing a critical WordPress issue? Don’t panic. Our Emergency Service is here to swiftly resolve any urgent website problems.

Choose Your Color

Once you have accessed the “Style” tab, a range of options will appear, including the option to change the text color. Click on the color palette to open up the color selector. You will be presented with a range of color options, including shades of the color spectrum and a color picker tool that allows you to select a custom color.

Use Global Colors

If you change the text color of one module, you may want to apply that same color to other modules on your website. Elementor’s “Global Colors” feature allows you to save colors and apply them across your entire website. To create a global color, navigate to the “Global” tab on the left-hand side and click on “Add a New Global Color.” From here, select the color you want to apply and give it a name. Once you have saved the global color, it will appear in your color options whenever you are designing a module.

Use the Color Picker Tool

Elementor’s color picker tool provides an easy way to personalize and fine-tune the colors on your website. You can use it to select colors from your desktop background, images, or even other websites. To use the color picker tool, click on the color picker icon in the color selector and then move your mouse cursor to the area of the screen you want to grab a color from. Once you have selected a color, it will appear in the color selector and can be used to change the text color.

Use Preset Color Schemes

Finally, Elementor offers built-in color schemes that make it easy to choose a color palette for your website. These color schemes are available via a dropdown menu in the color selector and include options like “Dark Mode,” “Blue and Orange,” and “Black and White.” These presets can also be customised and fine-tuned to best suit the needs of your website.


In conclusion, changing text color in Elementor is an easy process that can give your website a professional and personalized look. By selecting the text module, choosing your color, using global colors, a color picker tool, or preset color schemes, you can create a unique color palette that aligns with your brand or personality. By mastering this skill, you’ll be able to create websites that stand out from the rest and leave a lasting impression on visitors.

Tailored WordPress Solutions

Elevate your online presence with our custom WordPress development services.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices