Joomla Templates Club 406,261 posts

[Jackie_chan Friend Jackie_chanJoin date: September 2006Posts: 42Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#123430

Hello

Can anyone be so kind to tell me how to change the background color or put an image as a background?

Thanks

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#231570

Jackie_chan;30424Hello

Can anyone be so kind to tell me how to change the background color or put an image as a background?

Thanks

Hi There,

You have to open your templates’ template_css.css file and search for this code:


/* COMMON STYLE
--------------------------------------------------------- */
* {
margin: 0;
padding: 0;
}
body {
color: #5A5A5A;
background: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, sans-serif;
line-height: 1.5;
}


You can change the red value to the color-code you want.

Kind Regards,
Peter

[Jackie_chan Friend Jackie_chanJoin date: September 2006Posts: 42Downloads:0Uploads:5 Thanks: 7 Thanked: 1 times in 1 posts]

#231689

Thanks Peter

I have tried to change those values, but I guess it changes the whole page including the content are. What I want is to change the background only (the left and the right side). Please check out this image where I tried to change the background. It shows what happens when the background changes and the area which I want to change in real.

I would appreciate your comments and help.

Background caption

thanks 🙂

Jacky

[swemmel Friend swemmelJoin date: February 2006Posts: 794Downloads:34Uploads:53 Thanks: 36 Thanked: 64 times in 1 posts]

#231691

Hi Jacky,

After you did my previous step, I think you have to look for this section in the css-file and add the line in red as I did. I didn’t test it myself.


/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
margin: 10px 0;
}
#ja-mainbody {
float: left;
width: 80%;
background: #FFFFFF;

}
#ja-mainbody #ja-content {
float: right;
width: 70%;
padding-right: 2.5%;
}
#ja-mainbody-fl {
float: left;
width: 80%;
}
#ja-mainbody-fl #ja-content {
float: left;
width: 97.5%;
}
#ja-mainbody-fr{
float: left;
width: 100%;
}
#ja-mainbody-fr #ja-content {
float: right;
width: 77.5%;
}
#ja-mainbody-fr #ja-leftcol {
width: 20%;
}
#ja-mainbody-f {
float: left;
width: 100%;
}


Kind Regards,
Peter

[Author]

Posts