News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

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: