Change colour of background and add

The dots in the background are part of the style-default.css in an entity called #page-wrap .. you can remove that if you like.

appearance -> editor [select style-default.css]

Or if you’re using the jetpack plugin, use the edit css and add this:

#page-wrap { background-image: none; }

OK, I’ve used the edit CSS and the black dots have gone and I can see the image and a bit of the light blue colour.

I’ve just tried removing the image altogether, but keeping a light blue background colour, but now everything is black. Is there another bit of CSS to show the background colour instead of the black?

you can use the edit CSS again and just do

Yeah, that’s the hokeyness of the way that appearance -> background is handling things ;/

Probably best to just use the EDIT CSS

body {
background-color: #c6eff7;
background-image: none;
}

will do it, remove the background image and set that background color you wanted

background: #c6eff7 url('https://linktoimage.jpg') top center repeat;

is another way of writing the background css element if you use an image .. there are other controls to it and are easily searched for

It works! ??

I used your first option, and there is a message in the CSS editor which says:

If you want to override any custom background styles, be sure to add ‘.custom-background’ to your ‘body’ selector.

Am I right in assuming this is just a warning for future CSS modification and I don’t need to worry at this stage as it seems to work nicely?

Marking this as resolved as the main question has been answered! ?? – Many thanks Frumph!

^ correct on the warning you can get rid of that warning by wiping empty the background->appearance area I think ?

Hmmm – I’ve cleared the background => appearance section but the warning is still there in edit CSS.

Anyway, ‘just’ a warning and I can still see my background colour, so I’m very happy! ??

Many thanks for your help – and a very quick response!