Joomla Templates Club 406,261 posts

[cak Friend cakJoin date: April 2006Posts: 35Downloads:0Uploads:4 Thanks: 8]

#121453

I’d like to change the background to a gradient image., but I don’t know exactly where to put the code. Can anyone help…please:confused:

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#224354

Make a gradient image, name it gradient, upload it to your templates/ja_spica/images folder, open template_css.css and change

body#bd {
text-align: center;
background: #444444;
color: #FAFCF4;
}
to

body#bd {
text-align: center;
color: #FAFCF4;
background-color: #444444;
background-image: url(../images/gradient.jpg);
background-repeat: repeat-x;
}
Good luck

[cak Friend cakJoin date: April 2006Posts: 35Downloads:0Uploads:4 Thanks: 8]

#224397

Thanks so much for the help. The gradient image now appears in the background, but it won’t repeat. Here’s the code i added

}

body#bd {

text-align: center;
color: #FAFCF4;
background-color: #326d83;
background-image: url(http://mysite.com/xx/templates/ja_spica/images/gradient.jpg);
background-repeat: repeat-x;

}

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#224400

Try with this code:

body#bd {
text-align: center;
color: #FAFCF4;
background: #326d83 url(../images/gradient.jpg) repeat-x;
}

And change gradient.jpg with your picturename.

[instantinlaw Friend instantinlawJoin date: February 2007Posts: 1646Downloads:6Uploads:28 Thanks: 68 Thanked: 210 times in 62 posts]

#224417

cak;21173Thanks so much for the help. The gradient image now appears in the background, but it won’t repeat. Here’s the code i added

}

body#bd {

text-align: center;
color: #FAFCF4;
background-color: #326d83;
background-image: url(http://mysite.com/xx/templates/ja_spica/images/gradient.jpg);
background-repeat: repeat-x;

}

Youe path should be relevant, not full. I.e. (../images/gradient.jpg) not (http://mysite.com/xx/templates/ja_sp…gradient.jpg);

[cak Friend cakJoin date: April 2006Posts: 35Downloads:0Uploads:4 Thanks: 8]

#226344

A little late….but thanks for the help. My gradient background looks great::D

[Author]

Posts