MyBB Community Forums

Where to look for info on how to change (theme?) main background color (to be different and same) for all forum pages ?

in general. we use background property for body tag (in global.css) , like below :
body {background: #ffffff;}

(2012-01-20, 07:08 AM)ranjani Wrote: [ -> ]in general. we use background property for body tag (in global.css) , like below :
body {background: #ffffff;}

Thank you for the info.
Following your advice, and googling for info, it appears that

Quote: body { background-image : url(../graphics/bg-grid.gif)}

would be the way to use an image... does that look right ?

^ yes, it can be also like this : body {background: url("image path") repeat scroll 0 0 #FFFFFF; <-- this type is used if the image
is small and we want to repeat it ALSO if the background image is off in some browsers then color is used instead of background image

see also HTML body background Attribute & CSS Background

(2012-01-20, 08:07 AM)ranjani Wrote: [ -> ]^ yes, it can be also like this : body {background: url("image path") repeat scroll 0 0 #FFFFFF; <-- this type is used if the image is small and we want to repeat it ALSO if the background image is off in some browsers then color is used instead of background image

Thank you for the followup info.
Will do some trial&error and see how it goes.

---

(2012-01-20, 11:30 PM)akm Wrote: [ -> ]

(2012-01-20, 08:07 AM)ranjani Wrote: [ -> ]^ yes, it can be also like this : body {background: url("image path") repeat scroll 0 0 #FFFFFF; <-- this type is used if the image is small and we want to repeat it ALSO if the background image is off in some browsers then color is used instead of background image

Thank you for the followup info.
Will do some trial&error and see how it goes.

T&E...
Tried editing global.css at /theme1 and /theme2 (still havent figured out what 2 themes are needed for, but thats another question)...

Quote:body
{
background-image: url(/images/blueprint3theme.GIF)
/* replace with above
background: #efefef;
color: #000;
*/
font-family: Arial; /* instead of Verdana, Arial, Sans-Serif; */
font-size: 10px; /* instead of 13px */
text-align: center; /* IE 5 fix */
line-height: 1.4;
}

Background color changes to white, but no image.
Not sure about other edits (font stuff), but thats also another question.

Suggestions on edit/s ?

^ css files should be edited through admin panel ..
admin panel --> (Quick Access menu) --> themes --> (your) theme --> global.css --> Edit Stylesheet: Advanced Mode

AND image path could be images/ that is, it may not be /images/ . could be like below
background-image: url(images/blueprint3theme.GIF); <-- do not forget adding semicolon at the end

(2012-01-21, 05:44 AM)ranjani Wrote: [ -> ]^ css files should be edited through admin panel ..
admin panel --> (Quick Access menu) --> themes --> (your) theme --> global.css --> Edit Stylesheet: Advanced Mode
AND image path could be images/ that is, it may not be /images/ . could be like below
background-image: url(images/blueprint3theme.GIF); <-- do not forget adding semicolon at the end

Thank you for the direction.
Worked great !