Changing to background color/image of neutra theme

  • Unknown's avatar

    Is there css code to change the background color or to a background image in the neutra them. I can’t seem to figure it out.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    There wasn’t a background color declared since the background is white. They just let it default to white. To add a color, add the following declaration to the body selector.

    background-color:#FFFFFF;

    and change the hex color code to the color you want.

    If you want to add an image, the code is going to depend on whether it is a tiled image, and whether you want it to scroll with the page or be fixed.

    The basic declaration would look like this:

    background:#ffffff url('URL_OF_image') no-repeat scroll 0 0;

    The above shows no-repeat and the image will scroll with the page.

  • Unknown's avatar

    this is what i have entered into the box
    body {
    background:#000000;
    }

    It obviously does nothing to change the background color to black. I am wondering why?

  • Unknown's avatar

    I just put this into Firebug and it turned the background black.

    body {
    background-color:#000000;
    }
  • Unknown's avatar

    It was a problem with the preview. I chose preview and it would never show it. It has been driving me crazy. But when saved the black background shows up. Thank you.

  • Unknown's avatar

    One more question how would I change the title header of the website that is now blue to black?

  • Unknown's avatar

    You’re the second person saying the preview was not working. I would contact staff directly on that. I’ll also tag this thread so that if staff wanders through they will see it.

    The following will change all states of the title to black (active, hover and visited).

    h1 a, h1 a:hover, h1 a:visited {
    color:#000000;
    }

    If you want a different color for the hover state (when someone mouses over it) then pull h1 a:hover out of the above and list it separately with the hover color you want.

    If you want to change all links, then the below will do that

    a, a:hover, a:visited {
    color:#000000;
    }
  • Unknown's avatar

    thanks again for all the help.

  • Unknown's avatar
  • The topic ‘Changing to background color/image of neutra theme’ is closed to new replies.