• 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 Matt

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.

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

Recent Posts

  • 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
  • How to Add the WordPress Widget HTML Unit
  • How to Change the Publish Date When You Update a Post in WordPress 5.9

Site Info

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

Archives

  • 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
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more about our privacy policy, see here: Privacy Policy

Copyright © 2022 AnswerYourTech.com

 

Loading Comments...
 

You must be logged in to post a comment.