Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: waris on August 11, 2019, 07:19:53 AM

Title: Background color change
Post by: waris on August 11, 2019, 07:19:53 AM
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.

Title: Re: Background color change
Post by: Antechinus on August 11, 2019, 06:01:27 PM
Those usually go on the body tag. Look for something like this (example from default theme):

Code: [Select]
/* 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:

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

Title: Re: Background color change
Post by: waris on August 11, 2019, 10:24:43 PM
Alright Antechinus I will try it

Thank you.
Title: Re: Background color change
Post by: JacksonHe on August 17, 2019, 10:57:10 AM
Can I change the background to transparent backgrounds first, then add the color?