-
AuthorPosts
-
September 7, 2009 at 12:24 am #143978
Hello,
I am trying to remove the h1 tag on the logo of ja_nickle
The code in the index.php is
<h1 class="logo">
<a href="http://www.freehearingtest.com.au" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>In the CSS it is
/* HEADER
--------------------------------------------------------- */
#ja-header {
height: 100px;
z-index:999;
}#ja-header .main {
height: 100px;
position: relative;
}h1.logo, h1.logo-text {
font-size: 300%;
left: 0;
letter-spacing: 1px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
}h1.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 60px;
width: 295px;
}h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}* html h1.logo a:hover {
background: none;
cursor: pointer;
}h1.logo a span {
position: absolute;
top: -1000px;
}h1.logo-text a {
color: #FFFFFF;
text-decoration: none;
}h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
background: none;
color: #FFFFFF;
}span.site-slogan {
color: #FFFFFF;
display: block;
}I need to get rid of the h1 tag off the logo as it presents h1 twice in the template.
How could i do this?
kallan Friendkallan
- Join date:
- August 2006
- Posts:
- 349
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 22
- Thanked:
- 35 times in 1 posts
September 7, 2009 at 3:35 am #316596what you would need to do I think is:
in index.php change to:
<div id="logo-contain" class="logo">
<a href="http://www.freehearingtest.com.au" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</div>
and change in css:
#logo-contain.logo, logo-contain.logo-text {
font-size: 300%;
left: 0;
letter-spacing: 1px;
margin: 0;
padding: 0;
position: absolute;
top: 15px;
}#logo-contain.logo a {
background: url(../images/logo.png) no-repeat;
display: block;
height: 60px;
width: 295px;
}#logo-contain.logo a:hover, #logo-contain.logo a:active, #logo-contain.logo a:focus {
}* html #logo-contain.logo a:hover {
background: none;
cursor: pointer;
}#logo-contain.logo a span {
position: absolute;
top: -1000px;
}#logo-contain.logo-text a {
color: #FFFFFF;
text-decoration: none;
}#logo-contain.logo-text a:hover, logo-text a:active, logo-text a:focus {
background: none;
color: #FFFFFF;
}
Hope this helps
Regards
Kiwidesign1 user says Thank You to kallan for this useful post
September 7, 2009 at 4:12 am #316599Hey,
Thanks for that although it does not work.
I pasted that CSS in and chnaged the html file and the ajax login and register area went all wack, and the logo did not show.
I will give you a thank you click anyways if you want one 🙂
kallan Friendkallan
- Join date:
- August 2006
- Posts:
- 349
- Downloads:
- 0
- Uploads:
- 5
- Thanks:
- 22
- Thanked:
- 35 times in 1 posts
September 7, 2009 at 4:18 am #316601Can you give me the link to your live site – the code I provided should work….
September 7, 2009 at 4:39 am #316606Hey again,
Sorry it does work, though the logo png image does not show up now?
the website is
-
AuthorPosts
This topic contains 7 replies, has 2 voices, and was last updated by jbolt 15 years, 1 month ago.
We moved to new unified forum. Please post all new support queries in our New Forum