Public Forums 71,145 posts

[thewraith2 Friend thewraith2Join date: March 2010Posts: 27Downloads:0Uploads:5 Thanks: 2]

#157527

I apologize for referencing another site’s template, but I’m not certain there is a JoomlaArt template that I can utilize in this question. Please see:
http://demo.rockettheme.com/dec10/

The template has the ‘red dotted background’ (different versions of it) on both the TOP and BOTTOM of the template. I have been trying to reproduce this effect but can only seem to have a top OR a bottom, not both.

Using:

background: url(/images/templatebackgrounds/bg-top.png) repeat-x top #ccc;

How can I add in a “bg-bottom.png” at the same time?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#367238

you open file templatesja_purity_iicsstemplate.css find line
[PHP]#ja-header { background: #333; position: relative; z-index: 10; }
#ja-container {
background: url(../images/container-bg.gif) repeat-x top #fff;
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}
[/PHP]
and change it

#ja-header {
background: url(../images/main-bottom-bg.jpg) no-repeat scroll top center;
position: relative; z-index: 10;
}

#ja-container {
background: url(../images/main-bottom-bg.jpg) no-repeat scroll bottom center;
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}

[Author]

Posts