Joomla Templates Club 406,261 posts

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#172778

Hey guys,

I’m looking to take the entire header background and make an image instead to replace the bg…

Can anyone assist? I’m guessing I need to edit the template css file, but not sure what area to edit/add.

Thanks!

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

#433828

Hi,
You find this code from /templates/ja_nex/css/template.css

#ja-header {
background: #C33; < change this line
}

#ja-header .main {
background: url(../images/map-bg.png) no-repeat left bottom; < change this line
padding: 8px 0 15px 0;
}

2 users say Thank You to khoand for this useful post

1. timmiller
2. angie00

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#435061

Hi Khoand,

I tried this and changed the following in template.css but to no avail…can you suggest something eles?

/*#ja-header { background: #c33; }*/#ja-header background: url(../images/header-bg.jpg)
#ja-header .main {
background: url(../images/header-bg.jpg) no-repeat left bottom;
padding: 8px 0 15px 0;

http://visualedgehosting.com/~x24/nex/

The image is here: http://visualedgehosting.com/~x24/nex/templates/ja_nex/images/header-bg.jpg

Thanks!

[timmiller Friend timmillerJoin date: August 2008Posts: 169Downloads:0Uploads:10 Thanks: 12 Thanked: 3 times in 1 posts]

#435188

Ok, I had to use the actual path for the background image for it to show…

Working now.

Instead of:

(../images/header-bg.jpg)
Added actual path: (

http://visualedgehosting.com/~x24/nex/templates/ja_nex/images/header-bg.jpg

)

[Author]

Posts