At this time, we’re speaking about the right way to change font coloration in WordPress (in your weblog).
As a brand new blogger whenever you’re simply getting started, it may be a bit complicated determining issues like the right way to change the font coloration (or font size) for varied textual content components in your WordPress weblog.
The excellent news is that whereas altering font coloration is one thing that after was once much less intuitive to determine by yourself, it’s fortunately gotten a lot simpler to do in 2024 with how a lot WordPress has progressed lately.
To make sure, there are literally 3 other ways to change font coloration in WordPress and I’ll be displaying you precisely how to try this on this fast tutorial.
Now, let’s stroll by the three methods and locations to alter font coloration in WordPress—with out negatively impacting your SEO best practices or sacrificing content material readability.
Tips on how to Change Font Colour in WordPress (on Your Weblog) in 2024
- Changing Site-Wide Font Color in Theme Settings
- Using the Classic Editor (or Gutenberg) to Change Font Color in Posts
- Tweaking Font Color in WordPress Pages with a Page Builder
Alright, now let’s dive in and speak about altering font colours in WordPress!
1. Altering Website-Huge Font Colour in Theme Settings
Let’s say you need to change your site-wide font coloration from jet black to extra of a darkish gray…
Should you’re utilizing one of many many best WordPress themes in the marketplace right this moment, then controlling the visible structure of your weblog content material like this may be carried out in just some clicks from inside your theme settings.
First, it’s essential to test and see in case your WordPress theme offers you the choice to alter font coloration site-wide.
Navigate to: Look → Theme Choices
When you’re in theme choices, search for menu objects that recommend controlling the visible type of your weblog.
Phrases like “styling” and “typography” are the very best locations to start out.
Right here’s the place the font coloration settings might be modified in just some clicks inside my WordPress theme, OptimizePress:
In case your purpose is to alter the font coloration for site-wide textual content, then doing it like this—instantly inside your WordPress theme choices—is palms down the very best, most secure and most Website positioning-friendly option to go about it.
When you have theme, then it is best to be capable of change font coloration for particular components like:
- Hyperlink colours (common, hover state, lively, already clicked)
- Button colours (background, hover state, default colours)
- Menu hyperlink colours (common, hover state, lively)
Simply do not forget that when altering site-wide font colours for components like this by your theme settings, you’re making a change that’ll instantly present throughout all of the pages and posts the place these components exist in your weblog. So that you’ll need to be sure to double-check just a few pages in your web site to make sure your change prompted no points.
2. Utilizing the Basic Editor (or Gutenberg) to Change Font Colour in Posts
Should you’re engaged on a person weblog publish in both the Basic (or Gutenberg/Block Editor) WordPress editor and also you need to change the font coloration of a selected component of textual content—that’s very straightforward.
Right here’s a fast GIF (video) displaying the right way to change font coloration within the WordPress editor:
As a result of that GIF strikes fairly shortly for some, right here’s a step-by-step breakdown of what’s occurring whenever you need to change the font coloration inside your posts (in 2 straightforward steps):
1. Use your cursor to focus on the textual content you need to change the colour of
As soon as that textual content is highlighted, you’ll navigate as much as the “Textual content coloration” setting in your editor menu.
2. Use the “Textual content coloration” setting to alter font colours
When you’re right here, simply choose the colour you need to change your highlighted textual content to and… voilà!
Now, if you wish to change your font coloration to a extra customized or distinctive coloration than the usual default 48 choices within the fast “Textual content coloration” dropdown menu, then that’s potential too.
Right here’s how: You’ll be able to truly change font coloration of your textual content within the WordPress editor—to any coloration possible, offered you’ve gotten a hex code for it otherwise you’re prepared to pick it free-hand. Simply click on the “Customized…” possibility close to the underside of the “Textual content coloration” menu and also you’ll see this pane right here:
Both manner, you’re able to hit publish and set your font coloration change dwell 💪
3. Tweaking Font Colour in WordPress Pages with a Web page Builder
The ultimate manner you may change font coloration in WordPress is on the person web page degree… by utilizing whichever visible web page builder you’ve gotten put in (like Elementor or OptimizePress).
Right here’s what it seems like whenever you navigate to a web page of your weblog (in OptimizePress) the place you need to change font coloration:
Relying upon how your web page builder is structured, you’ll probably have a considerably completely different view than what you see right here (above) in my OptimizePress web page editor.
Right here’s the right way to change font coloration in pages utilizing the very best free web page builder in the marketplace right this moment, Elementor:
As you may see, the method is a bit bit completely different… however the identical ideas broadly apply to altering font coloration on pages whatever the web page builder (or theme) you utilize.
Wrapping Up: 3 Methods to Change Font Colour in WordPress
Fortunately, altering font coloration has grow to be a reasonably straightforward endeavor in WordPress nowadays.
Whether or not you’re seeking to regulate your site-wide font coloration settings, tweak the colours of some specific phrases in your Posts editor, or use your page builder to regulate a heading coloration on a key Web page of your weblog—I can promise you there’s a comparatively straightforward option to do it.
If it’s not instantly clear… you could simply have to put in your problem-solving hat and get to poking round, clicking on issues and experimenting with the intention to discover your font coloration settings.
Now, if the WordPress theme you’re utilizing doesn’t include a fantastic visible web page builder like the 2 I’ve talked about above, then I extremely suggest attempting out the free version of Elementor right here, so you may get to designing your weblog’s pages in a brilliant easy-to-use visible web page builder.
That’s all for right this moment!
You simply realized the right way to change font coloration in WordPress 👏
Like what you see? Signal as much as get extra tutorials and recommendation.
Need Extra Running a blog Tutorials Delivered Straight to Your Inbox?
Join right this moment and also you’ll be part of 122,843 different good bloggers getting my greatest running a blog recommendation.
“*” signifies required fields
