WordPress.org

Ready to get started?Download WordPress

Forums

Easel
[resolved] Change colour of background and add (8 posts)

  1. tadpaul353
    Member
    Posted 1 year ago #

    Hi,

    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: http://www.time2timetravel.com/blog

  2. Frumph
    Member
    Theme Author

    Posted 1 year ago #

    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; }
  3. tadpaul353
    Member
    Posted 1 year ago #

    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?

  4. Frumph
    Member
    Theme Author

    Posted 1 year ago #

    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

  5. tadpaul353
    Member
    Posted 1 year ago #

    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?

  6. tadpaul353
    Member
    Posted 1 year ago #

    Marking this as resolved as the main question has been answered! :) - Many thanks Frumph!

  7. Frumph
    Member
    Theme Author

    Posted 1 year ago #

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

  8. tadpaul353
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic