Joomla Templates Club 406,261 posts

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#164442

hi there,

i would like to change the default black backround from this template into one with a graphic which runs around the whole content box. Is that easygoing madeable?

thanks for your help!!!

chris

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#392943

Hello,

To change the default black background

Can you provide your site url.But first go into the template manager and set css optimiation to “No” so we can see the correct files to modify and not the compressed version.

1 user says Thank You to pritam for this useful post

1. thangnn1510

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#392955

Please change this code:

body#bd {
background: none repeat scroll 0 0 #0C0304;
color: #8B8077;
}

in templates/ja_community_plus/css/template.css

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#393000

thank you, but i can´t do it. this side is kind of commercial and i can´t open it to public ´cause it´s far away from implementation.
may you can give me an advice what to do, or what and whre to copy in the css.

thanks once again!!!
chris

[pritam Friend pritamJoin date: April 2011Posts: 609Downloads:0Uploads:29 Thanks: 11 Thanked: 125 times in 113 posts]

#393128

Hello,

To change the default black background

You need to goto templates/ja_community_plus/css/template.css line no. 20 and Find this code :-

body#bd {
background: none repeat scroll 0 0 #0C0304;
color: #8B8077;
}

Change this code to

body#bd {
background: none repeat scroll 0 0 #00FF00;/* choose color code as per you */
color: #8B8077;
}

[chrisreitz Friend chrisreitzJoin date: November 2010Posts: 37Downloads:0Uploads:2 Thanks: 15 Thanked: 1 times in 1 posts]

#393182

OK thanks – but that will change the default black color in just another color.
i would like to have a graphic – means a picture (as a gif, jpeg or png) in background.

1. it would be nice to have that pic in background. how too, what have i to change in the css and where to find?

2. if i change the background color like you advised, is it possible to lay an png (alpha channel) over it.
so i can have both (pic and background color) and don´t need a huge pic for the whole background?

3. is it possible to have the background color changed to a gradient color transition set up in the css?
if yes, how too?

thanks again for your answers!!!
chris

[thangnn1510 Friend thangnn1510Join date: October 2014Posts: 1608Downloads:0Uploads:80 Thanks: 73 Thanked: 278 times in 256 posts]

#393292

Hi Chris!

To change the background color to image please upload your image to images folder in template and then change the code to

body#bd {
background: url(“..l/images/bg.gif”) #215D7F;
color: #8B8077;
}

1 user says Thank You to thangnn1510 for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#417321

I changed my background to image, at least trying to.

body#bd { background-image:url("../images/background.jpg"); color: #8b8077; }
image located on template images folder and still not loading.
what I did wrong?

[mfcphil Friend mfcphilJoin date: September 2007Posts: 2866Downloads:3Uploads:218 Thanks: 211 Thanked: 388 times in 133 posts]

#417351

are you going to post a link so we can see how you got on?

1 user says Thank You to mfcphil for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#417423

Ohh yeah, sorry.
http://shimers.co.il/

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#417424

<em>@shaharglukman 273639 wrote:</em><blockquote>Ohh yeah, sorry.
http://shimers.co.il/</blockquote>
Hi,
You replace this code from /templates/ja_community_plus/css/template.css

body#bd {
background: url("../images/background.jpg");
color: #8B8077;
}
with

body#bd {
background: url("../images/background.jpg")!important;
color: #8B8077;
}

1 user says Thank You to khoand for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418659

thanks, it worked.
now for another question, any chance I can make background to fit automatically to screen resolution, like adding 100%?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#418665

You used code for your purpose

background-size:100%;

1 user says Thank You to khoand for this useful post

1. shaharglukman

[shaharglukman Friend shaharglukmanJoin date: September 2011Posts: 21Downloads:0Uploads:2 Thanks: 17]

#418686

did that, image get stretched too much
http://shimers.co.il/

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#418716

I think it’s perfect.

---

Attachments:

1. 

[Author]

Posts