How To Change Page Color On Wordpress

And then you want to change your site'due south background color.

It shouldn't be tough, only here's the thing…

Every theme uses different HTML to create the elements in your site. That means you have to be familiar with the theme to know how to customize it.

Oftentimes times, there isn't a ane-size-fits-all solution, but you may be in luck.

This might work

Copy & paste this CSS into the Additional CSS section in your Customizer (Appearance > Customize).

body {   background: #05B0E7; }

That should make the background blue, and so you can alter thehexadecimal color lawmaking to any color you desire. You tin can use a color picker like this if you need help finding a hex code.

Because every theme is different I tin can't promise that lawmaking will work, so here'due south the next thing I would recommend.

This definitely will work

Ane question first:

Is this the only customization you'd like to brand? Or would information technology besides be dainty to change the size of the mail service titles or the color of the header too?

If you've got a scattering of modifications you'd like to brand and then y'all might really enjoy CSS Hero.

CSS Hero is the perfect tool for making visual customizations to your site. For instance, you tin:

Change background colors
Cull new fonts
Add background images
Adjust spacing effectually any chemical element

We have a complete guide on using CSS Hero, only here'southward exactly how you can employ it to change your groundwork colour.

How to modify your background color

CSS Hero gives you lot a brand new interface to edit your site.

On the correct side is a preview of the site. Click any element in the preview and the left side volition fill up with all of the available customization options.

CSS Hero Dashboard — CSS Hero being used with the gratuitous Shift theme

All yous have to practice is click on the background of your site and then select the Groundwork choice in the left side.

Selecting the Background option reveals the color setting and a number of position options for background images.

Clicking the transparent (checkered) color box reveals the color picker where you have full control over which color is used.

Fifty-fifty cooler is the fact that the color updates instantly as you use the colour picker.

All of the changes you lot make are only visible to you until y'all click theRelieve & Publish button at the lesser. Then your modifications are published live on the site for everyone to run into.

Outset customizing your site

If you know how to write CSS and find selectors to use, y'all can make customizations similar this with code. Otherwise, you probable won't be able to find a re-create/paste snippet online considering every theme is different.

In these cases, CSS Hero is an awesome tool and volition save y'all a ton of time. Plus, it's nice knowing y'all can always make style changes to any theme you choose in the future.

You can click here to effort out CSS Hero or visit our tutorial to learn more about how it works. You might too bask some of the ideas in our WordPress customization guide.