Can't change my background

You might want to check customizer to see if there an option to change it.
If not the CSS rule to change it is

.odd {
    background-color: #000;
}

Thanks, but for me it says this:

}
.odd {
background-color: rgba(254, 254, 254, 0.4);
border-bottom: 0 none;
padding: 20px 20px 40px;
}

What does that all mean? How do I modify that to change color to black?

You can ignore the ‘border-bottom’ and ‘padding’ properties.

The rgba stands for (r)ed (g)reen (b)lue (a)lpha. Basically, the first three determine the color, while the alpha controls the transparency of the color.

To get pure black using the RGBa model, use this:

.odd {
background-color: rgba(0, 0, 0, 1.0);
}

With that said, you could also just replace the rgba with the equivalent hex code as mrtom414 suggested above.

Change this:

.odd {
background-color: rgba(0, 0, 0, 1.0); /* RGBa model */
}

To this:

.odd {
background-color: #000; /* HEX model */
}

In full, the .odd rule set will look like this:

.odd {
background-color: rgba(0, 0, 0, 1.0);
border-bottom: 0 none;
padding: 20px 20px 40px;
}

Or this:

.odd {
background-color: #000;
border-bottom: 0 none;
padding: 20px 20px 40px;
}

Pick whichever one you prefer and apply the changes in your theme’s style.css file.

One more thing.

If the theme provider releases an update to your theme, you will lose your CSS changes following the update as all the theme files will be replaced.

So I suggest you install a plugin like Simple Custom CSS. This will give you a separate style.css stylesheet to work with.

Then just go to Appearance > Custom CSS and add this code and you’re good to go:

.odd {
background-color: #000;
}

Thank you – Tried it! Didn’t work. I tried both ways you suggested.

Any other ideas?

Interesting.

Assuming you have the Simple Custom CSS plugin installed, here are some options you can try:

1.) If you’re using a caching plugin, purge/clear the cache, refresh the page and check again
2.) If you’re viewing the page in question while logged into your site, try refreshing the browser
3.) If either of the above don’t work, try this in Simple Custom CSS:

.odd {
background-color: #000 !important;
}

EDIT: If trying step 3, remember to repeat steps 1 and 2 just in case.

I think you were right! I deleted history and refreshed and it looks to work now. Thank you so much for all your help!

You’re very welcome! Glad we got it sorted out. ??