Joomla Templates Club 406,261 posts

[jbolt Friend jboltJoin date: November 2008Posts: 6Downloads:0Uploads:0 Thanks: 4]

#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 Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316596

what 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
Kiwidesign

1 user says Thank You to kallan for this useful post

1. jbolt

[jbolt Friend jboltJoin date: November 2008Posts: 6Downloads:0Uploads:0 Thanks: 4]

#316599

Hey,

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 Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316601

Can you give me the link to your live site – the code I provided should work….

[jbolt Friend jboltJoin date: November 2008Posts: 6Downloads:0Uploads:0 Thanks: 4]

#316606

Hey again,

Sorry it does work, though the logo png image does not show up now?

the website is

http://www.freehearingtest.com.au

[kallan Friend kallanJoin date: August 2006Posts: 349Downloads:0Uploads:5 Thanks: 22 Thanked: 35 times in 1 posts]

#316608

does the image logo.png definately exist in the templates/yourtemplate/images folder?

[jbolt Friend jboltJoin date: November 2008Posts: 6Downloads:0Uploads:0 Thanks: 4]

#316609

Thanks that solved it!

[Author]

Posts