Support » Theme: Easel » Change colour of background and add

  • Resolved tadpaul353



    I’m new to this theme and love the feel of it, but I’m getting stuck on what I’m sure is simple!

    I’m trying to set the background colour and image by going to
    appearance, background then uploading an image and entering “#c6eff7” in the display options.

    When I load the page, it looks like my colour and image are there, but then the dots on the top and a black background gets overlayed and I don’t see my new settings.

    Can someone point me in the direction where I’m going wrong?

    Many thanks!

    link is:

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Frumph


    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?

    Theme Author Frumph


    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('http://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!

    Theme Author 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!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change colour of background and add’ is closed to new replies.