How to Change Font Colors on WordPress in 4 Easy Ways
WordPress is a powerful and popular content management system (CMS) that allows website owners to fully customize their websites, including changing typography settings. Here are four easy ways to help you change font colors on WordPress.
Method 1: Change font color using WordPress editor
Using the WordPress Block Editor
- Log in to your WordPress dashboard and open the post or page you want to customize.
- Select the paragraph or title block to customize.
![图片[1]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714491860.png)
- Click the three vertical point icon on the block toolbar and select "Show more settings".
![图片[2]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714533180.png)
- Navigate to the Color Settings section and click on the text button to select the appropriate color from the default color picker, or use the custom color picker to enter an RGB, HSL, or hex code.
![图片[3]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714552820.png)
- Click "post"or"Saving drafts" to apply the changes.
Using the WordPress Classic Editor
- Install and activate the Classic Editor plugin, then set it as the default editor.
- Open an existing post or create a new one.
- In the visual editor, highlight the text to be customized.
![图片[4]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714561786.png)
- Click the toolbar toggle button to display the text formatting options.
![图片[5]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714564034.png)
- Select the Text Color button to choose a color from the palette, or click the Custom button to add a custom color.
![图片[6]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714570532.png)
- Click "Publish" or "Save Draft" to apply the changes.
Method 2: Change font color using WordPress Theme Customizer
- From the WordPress dashboard, go toexterior condition → customizableThe
![图片[7]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062714594582.png)
- Select the Color tab.
![图片[8]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715023880.png)
- Navigate to the Header and Sidebar Text Colors section and select a color or customize it using the color picker tool.
![图片[9]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715041397.png)
- Click "Publish" to save the changes.
Method 3: Change font color in WordPress with CSS code
- Make sure your theme supports the Theme Customizer.
- Open a WordPress blog post and select "Customize" from the top toolbar.
- Select "Attach CSS" from the sidebar.
- In the Additional CSS editing area, enter the following code to change the heading and paragraph text color:
h2 {
color: #FF0000;
}
h3 {
color: #00FF00; }
}
h4 {
color: #964B00; }
}
p {
color: #0000FF.
}
- Click "Publish" to save the changes.
Method 4: Changing Font Colors in WordPress with Page Builder
- Install and activate the Visual Composer plug-in.
- Create a new post or select an existing post to edit.
![图片[10]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715072630.png)
- Inserts a text block in the layout and fills it with the desired text.
![图片[11]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715082541.png)
- Hover over the text and select "Edit Text Block", click on the "Text Color" button in the "Content" tab and select the font color.
![图片[12]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715084150.png)
- Select the check mark in the bottom left corner of the page to save or publish the post.
![图片[13]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024062715085823.png)
Summary:
By using WordPress Block Editor, Classic Editor, Theme Customizer, and Custom CSS Code, it's easy to adjust font colors to make your site more personalized and appealing. Additionally, using a page builder such as Visual Composer gives you more flexibility to change font colors during the design process. Not only are these methods easy to use, but they can also significantly improve the user experience and ensure that your website is more visually appealing!
![图片[14]-轻松更改 WordPress 字体颜色的四种实用方法-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/uploads/2024/06/2024061301281171.png)
Link to this article:https://www.361sale.com/en/12109/The article is copyrighted and must be reproduced with attribution.




















![表情[wozuimei]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | WordPress教程、Elementor教程与故障修复](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

No comments