Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Aiheen aloitti: reefforum - toukokuu 11, 2011, 12:09:45 IP

Otsikko: Changing background color of default theme
Kirjoitti: reefforum - toukokuu 11, 2011, 12:09:45 IP
I would like to do this without installing a mod if possible? 

I tried this but it did not change anything:

Edit the value of background-color: for the body class (/* The main body of the entire forum. */) in your style.css file

thank you :)
Otsikko: Re: Changing background color of default theme
Kirjoitti: AllanD - toukokuu 11, 2011, 01:21:05 IP
in the index.css file  near the top find


/* 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;
}


the #E9EEF2 is the color and the backdrop.png is the background at the very top.
Hope this helps
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 01:27:28 IP
Actually the site is using 1.1.13 and therefore the file is style.css

Look in your style.css for the body class on line 52


body {
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}


Change the #E5E5E8 to what evr color you want to use
Otsikko: Re: Changing background color of default theme
Kirjoitti: AllanD - toukokuu 11, 2011, 01:51:21 IP
Sorry tried to help :D
Otsikko: Re: Changing background color of default theme
Kirjoitti: Gary - toukokuu 11, 2011, 04:09:30 IP
Lainaus käyttäjältä: CrazieGrafix - toukokuu 11, 2011, 01:51:21 IP
Sorry tried to help :D
No need to apologise. I really wish people would include the version they're running... prevents assumptions like this...
Otsikko: Re: Changing background color of default theme
Kirjoitti: reefforum - toukokuu 11, 2011, 05:41:18 IP
Lainaus käyttäjältä: MrGrumpy - toukokuu 11, 2011, 01:27:28 IP
Actually the site is using 1.1.13 and therefore the file is style.css

Look in your style.css for the body class on line 52


body {
background-color: #E5E5E8;
margin: 0px;
padding: 12px 30px 4px 30px;
}


Change the #E5E5E8 to what evr color you want to use

Thank you.  yes version 1.1.13.  I did exactly what you said and nothing changes.
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 05:47:11 IP
What color are you trying to change the background to?
Otsikko: Re: Changing background color of default theme
Kirjoitti: reefforum - toukokuu 11, 2011, 05:48:03 IP
Lainaus käyttäjältä: MrGrumpy - toukokuu 11, 2011, 05:47:11 IP
What color are you trying to change the background to?

I tried a few different ones, none of them worked  #696969
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 05:51:15 IP
It must work as your background has changed color from #E5E5E8 to #646D7E and I can clearly see it has changed color
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 05:52:37 IP
Now its gone back to the default color, you did have it changed so you are doing it right but if you want attatch your style.css here and i will change the code for you
Otsikko: Re: Changing background color of default theme
Kirjoitti: reefforum - toukokuu 11, 2011, 06:00:24 IP
thank you so much.  I could not see any change on my screen using 3 different browsers so I changed it back :)
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 06:03:38 IP
Ok upload this and then once uploaded just clear your browser cache just incase, press Ctrl and F5 together
Otsikko: Re: Changing background color of default theme
Kirjoitti: reefforum - toukokuu 11, 2011, 07:33:16 IP
thank you :)

so the only thing that changed was this;?
/* The main body of the entire forum. */
body
{
   background-color: #696969;
   margin: 0px;
   padding: 12px 30px 4px 30px;
}

I wonder why it didnt work when I did it
Otsikko: Re: Changing background color of default theme
Kirjoitti: MrGrumpy - toukokuu 11, 2011, 07:53:33 IP
Yeah, all i changed was the actual hex color code, i'm not sure why you didn't see the change when you done it but I viewed your site when you did and I could see you had changed the color
Otsikko: Re: Changing background color of default theme
Kirjoitti: cantona - toukokuu 28, 2011, 07:11:49 AP
friends, i want to change few colors in curve theme, but i don't know how its made
what should i do, how edit? help me pls..
Otsikko: Re: Changing background color of default theme
Kirjoitti: antechindia - toukokuu 30, 2011, 07:27:42 AP

This is background colour which u can use it for gave background color for your theme #E9EEF2 and this is url of background image
   url(../images/theme/backdrop.png) repeat-x. Its extension  .png that pick the transparent background color. You can change it in body part of css.
Otsikko: Re: Changing background color of default theme
Kirjoitti: Gary - toukokuu 30, 2011, 12:59:25 IP
cantona - in future, create a topic of your own when asking for support. But to answer your question, all the containing elements you want to change are within the main_block.png graphic.

antechindia - You can just remove the image call outright if you want a solid colour, no need for transparencies. :P