-
AuthorPosts
-
ericaschulz Friend
ericaschulz
- Join date:
- December 2009
- Posts:
- 39
- Downloads:
- 0
- Uploads:
- 4
- Thanks:
- 9
- Thanked:
- 6 times in 1 posts
April 7, 2010 at 9:58 pm #150218http://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 ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 8, 2010 at 10:00 am #339599Dear 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 Friendericaschulz
- Join date:
- December 2009
- Posts:
- 39
- Downloads:
- 0
- Uploads:
- 4
- Thanks:
- 9
- Thanked:
- 6 times in 1 posts
April 8, 2010 at 5:07 pm #339631The 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!
Saguaros ModeratorSaguaros
- Join date:
- September 2014
- Posts:
- 31405
- Downloads:
- 237
- Uploads:
- 471
- Thanks:
- 845
- Thanked:
- 5346 times in 4964 posts
April 9, 2010 at 2:37 am #339676Dear 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 Friendericaschulz
- Join date:
- December 2009
- Posts:
- 39
- Downloads:
- 0
- Uploads:
- 4
- Thanks:
- 9
- Thanked:
- 6 times in 1 posts
April 9, 2010 at 3:14 pm #339761The footer background is
background: url(../images/footer.png)Thanks so much for your help! that code worked perfectly for the header image 😀
AuthorPostsViewing 5 posts - 1 through 5 (of 5 total)This topic contains 5 replies, has 2 voices, and was last updated by ericaschulz 14 years, 7 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Add a Background Image on the Header and Footer
Viewing 5 posts - 1 through 5 (of 5 total)