Your Dedicated Partner for All Things WordPress

How to Change Text Color in Elementor

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.

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.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Looking for help? Chat with us.

Are you in need of assistance or guidance? Look no further! Our dedicated team is here and ready to help. Chat with us today and let’s work together to find the perfect solution for your needs.

Our support team will get you:

I believe every website owner deserves a reliable professional support always by their side.

Alexey Seryapin
Founder of WPServices

Having Troubles With WordPress?

Claim Your Free WordPress Maintenance

In today’s fast-paced digital landscape, every website deserves the care and expertise of a professional maintenance team, ensuring optimal performance, enhanced security, and seamless user experiences, so you can focus on growing your business with peace of mind.

Alexey Seryapin
Founder of WPServices

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices