Joomla Templates Club 406,261 posts

[korasicn Friend korasicnJoin date: November 2008Posts: 14Downloads:0Uploads:6 Thanks: 3]

#137211

whether it is possible to change the background color around the site, not the elements. see appendix

---

Attachments:

1. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#287052

Dear korasicn !

You can do it following way below :
Open template.css file in templates/ja_zeolite folder, find following code section at about line 518 :


#ja-wrapper {
margin:0 auto;
width:950px;
}


change to :


#ja-wrapper {
background:#F0F0F0 none repeat scroll 0 0;
margin:0 auto;
width:950px;
}


[korasicn Friend korasicnJoin date: November 2008Posts: 14Downloads:0Uploads:6 Thanks: 3]

#287061

thank you, you make my Monday happy:D. once more, thanks

[ired Friend iredJoin date: June 2009Posts: 17Downloads:0Uploads:5 Thanks: 5]

#312178

Very helpful but is there a way to make the background colour wider? because it only lines up with the boxes.

Here is what I am trying to do, this has been edited in photoshop

---

Attachments:

1. 

[ired Friend iredJoin date: June 2009Posts: 17Downloads:0Uploads:5 Thanks: 5]

#312250

Can anyone help?

[franky reymenants Friend franky reymenantsJoin date: August 2009Posts: 8Downloads:0Uploads:3]

#315692

<em>@ired 138124 wrote:</em><blockquote>Very helpful but is there a way to make the background colour wider? because it only lines up with the boxes.

Here is what I am trying to do, this has been edited in photoshop</blockquote>

So you want to change the compleet background color on your site ?

You can do this in template.css

on line 25 you find

body#bd {
color: #666666;
background: #CCCCCC;
padding: 0;
margin: 0;

You can change the background color in what you want …

[johno696974 Friend johno696974Join date: July 2009Posts: 19Downloads:0Uploads:1 Thanks: 3 Thanked: 2 times in 1 posts]

#315753

i dont think that does it exactly as he was after.

I did it by adding a custom background image

I changed the css to:


body#bd {
color: #000;
/*background: #f6abd7;*/
background: #17151a url(/madness1.jpg) no-repeat center fixed;
padding: 0;
margin: 0;
}


If you want to use the image as a template to make ur own, be my guest.

---

Attachments:

1. 

[Author]

Posts