Joomla Templates Club 406,261 posts

[ericaschulz Friend ericaschulzJoin date: December 2009Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 6 times in 1 posts]

#150218

http://www.getousset.net/accurate

I’m trying to figure out where to add the code for a background image.

/* HEADER
--------------------------------------------------------- */
#ja-header {
background-image: url(../images/mainwrap-top.gif) no-repeat center top;
line-height: normal;
margin-top: 20px;
padding-top: 5px;
position: relative;
z-index: 999;
}

#ja-header .main {

}

#ja-header .inner {
background-image: url(../images/header.png) no-repeat;
background:white;
height: 100px;
padding: 0 45px;
position: relative;
}

h1.logo, div.logo-text {
float: left;
margin: 5px 0 0;
padding: 0;
}

I added it to the #ja-header.inner since that was controlling the background color but that isnt working. I assume where ever it gets added in the header it will be added in the footer equivalent.

Please help!

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#339599

Dear ericaschulz!

can you give me the snapshort about this, i help me to have a look with what you need. i ‘ll make style for you

Thanks

[ericaschulz Friend ericaschulzJoin date: December 2009Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 6 times in 1 posts]

#339631

The things with the circles around are what I want to be the background image for the header and footer.
Thanks so much for your help!

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#339676

Dear ericaschulz!

Here is the solution for you
Pls open the file: /templates/ja_topaz/css/template.css
1) resolve the issue #1:

a) you find codes:

#ja-header .inner {
background-image: url(../images/header.png) no-repeat;
background:white;
height: 100px;
padding: 0 45px;
position: relative;
}

and replace:

#ja-header .inner {
background:none;
height: 90px;
padding: 0;
position: relative;
}

b) find codes:

h1.logo, div.logo-text {
float: left;
margin: 5px 0 0;
padding: 0;
}

and replace:

h1.logo, div.logo-text {
float: left;
background:url(“../images/header.png”) no-repeat scroll 0 0 transparent;
margin: 0;
padding: 0;
height:90px
}

c) and find code

h1.logo a {
background: url(../images/logo.png) no-repeat center;
display: block;
height: 85px;
width: 408px;
}

replace:

h1.logo a {
background: url(../images/logo.png) no-repeat center;
display: block;
height: 85px;
width: 408px;
padding:4px 0 0 180px;
}

2) with footer: pls give me the link to the image background,

[ericaschulz Friend ericaschulzJoin date: December 2009Posts: 39Downloads:0Uploads:4 Thanks: 9 Thanked: 6 times in 1 posts]

#339761

The footer background is
background: url(../images/footer.png)

Thanks so much for your help! that code worked perfectly for the header image 😀

[Author]

Posts