Hi,
I hope someone can help me with a problem editing the Joomla 1.5 template JA_purity.
I have tried to replace the purity header with one big image, my own headmask.png, which I have saved in the directory, overwriting the old file and tried to edit the css as per the instructions at the bottom of the page here:http://docs.joomla.org/Customising_the_JA_Purity_template/customisations/Replacing_the_header_pictures
But I am still not getting my image, just a big blue bar. See http://www.smyls.co.uk/ and this is how my code looks now. Note I have changed the header size too. What have I missed?? I've spent all day doing this! Please help!
/ HEADER
--------------------------------------------------------- /
#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 200px;
margin-top:0px;
background: url(../images/header-mask.png);
}
#ja-header {
position: relative;
height: 200px;
display:none;
}
.ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 200px;
position: absolute;
top: 0;
right: -1px;
}
#ja-header a {
color: #CCCCCC;
}
h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}
h1.logo a {
width: 208px;
display: block;
background: url(../images/header-mask.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
display:none;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}