Blog Page background | WordPress.org

[ad_1]

Moderator
Yui

(@fierevere)

永子

dashboard, appearance settings

Hi,
As you are using Divi theme – with the Divi theme, you can change the background color of your blog page directly within the Divi Builder or through the Theme Customizer:

Using the Divi Builder for Blog Page

  • Go to Pages in your WordPress dashboard and select Edit with Divi for your blog page.
  • Click on the Section Settings (three horizontal lines icon) for the section containing your blog posts.
  • In the Background tab, choose a new Background Color.
  • Save changes, then Exit and Publish.

Custom CSS (if needed)

If you need to target only the blog page, you can add custom CSS by going to Divi > Theme Options > Custom CSS or Appearance > Customize > Additional CSS.

Add this code:

.blog #main-content {
background-color: #000000; // replace with the required color code
}

hi Ranjeetkaur

So nice of you reply that quickly. I never done CSS in my life, but happy to try. It is indeed the Blog page that I need to target. Would it be correct to enter the following:

.blog #main-content { background-color: #000000; // #bfe5f7}

Thank you

Code will be –

.blog #main-content { background-color: #bfe5f7;}

Excellent thank you so much Ranjeetkaur

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer