• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Answer Your Tech

Wordpress How-to Guides

  • Writing
  • Settings
  • Jetpack
  • Navigation
  • Hosting
  • Getting Started
  • Themes
You are here: Home / Writing / How to Add Background Color to a Paragraph in a Wordpress Post

How to Add Background Color to a Paragraph in a WordPress Post

April 23, 2019 By Matthew Burleigh

How to Add Background Color to a Paragraph in a WordPress Post

If you’ve been a WordPress user for at least a short amount of time, then you’ve probably written a post or two for your site. You can adjust a lot of options for a post when you are creating it, such as adding it to a category, but there are a surprising number of ways that you can format the content in your post without needing to worry about CSS.

One of the ways that you can format a paragraph of text in your post is by adding background color to it. Whether the paragraph that you want to format is a call to action, a quote, or simply a block of text that you want to draw attention to, the ability to use a background color in WordPress is very helpful.

How to Add Background Color in WordPress

The steps in this guide were performed in WordPress 5.1.1, using the Gutenberg editor.

Step 1: Sign into the admin section of your site at (yourdomain.com)/wp-admin.

Step 2: Hover over Posts in the left column and navigate to an existing post, or create a new one.

open an old post or make a new one

Step 3: Enter your post title, then type the text into a Paragraph block for which you would like to change the background color.

create a paragraph block

Step 4: Click the Color Settings tab at the right side of the window.

select the color settings tab

Step 5: Choose the background color that you wish to use. Note that there is a multi-colored circle that you can choose if you want to use a color not shown, which will let you select a custom color.

how to add a background color to a paragraph in wordpress post

You can also use the Text Color option if your default text color doesn’t look good or is hard to read with the new background color.

Another useful option that can be added in a similar way is an HTML anchor. Find out how to use anchors in WordPress if you would like to be able to link to specific sections of a post from within the post itself, or from other pages on your site.

Matthew Burleigh
Matthew Burleigh

Matt has been working with WordPress and creating content using this powerful content management system for years. While he has written about many other tech topics, WordPress is one of his favorites.

You can read his full bio here.

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Share this:

  • Click to share on Twitter (Opens in new window)
  • Click to share on Facebook (Opens in new window)
  • Click to share on Reddit (Opens in new window)
  • Click to share on LinkedIn (Opens in new window)
  • Click to share on Pinterest (Opens in new window)

Related

Primary Sidebar

Join Our Free Newsletter

WordPress guides and deals

You may opt out at any time.
Read our Privacy Policy

Recent Posts

  • How to Add a TXT DNS Record in Cloudflare
  • How to Enable or Disable User Registration in WordPress
  • How to Install and Configure the WP Rocket Plugin
  • How to Make WordPress Not Organize my Uploads into Month and Year-Based Folders
  • How to Turn on Cloudflare Hotlink Protection

Site Info

  • Domain Name - Hostgator
  • Hosting - Cloudways
  • Theme Framework - Genesis
  • Child Theme - Smart Passive Income Pro
  • Site Speed - WP Rocket

Archives

  • November 2022
  • October 2022
  • May 2022
  • July 2020
  • September 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • July 2018
  • December 2016
  • November 2016

Categories

  • Comments
  • Genesis
  • Getting Started
  • Hosting
  • Jetpack
  • Navigation
  • Plugins
  • Settings
  • Sidebar
  • Themes
  • Writing
  • Affiliate Disclosure
  • Privacy Policy
  • FAQ
  • About
  • Contact

Copyright © 2023 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.