Background color change

Started by waris, August 11, 2019, 07:19:53 AM

Previous topic - Next topic

waris

Hi all, I need another help here.

I am currently to the Rusty White theme which I have done a few changes to the header banner.

This is  my website: I want to change the dark color in the background to the antique Rose Pic. I tried looking at the Index Css but I cant do it.
Can some one come to my aid?
Thank you.


Antechinus

Those usually go on the body tag. Look for something like this (example from default theme):

/* Set a fontsize that will look the same in all browsers. */
body
{
background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 15px 0;
}


Your theme would just have a hex code for the coloured background. If you use the formatting shown in the example, that will put an image of your choice as the background (it's usual to have a colour for backup as well, in case the image is missing).

In your case I assume you want it to repeat vertically and horizontally, so omit the "repeat-x" from the code. Something like this:

body
{
background: #hex_code_for_your_choice_of_colour url(../path_to_your_image);
/*
        Everything else goes here...
        */
}



waris

Alright Antechinus I will try it

Thank you.

JacksonHe

Can I change the background to transparent backgrounds first, then add the color?

Advertisement: