Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • jbolt Friend
    #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
    #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

    jbolt Friend
    #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
    #316601

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

    jbolt Friend
    #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
    #316608

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

    jbolt Friend
    #316609

    Thanks that solved it!

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 7 replies, has 2 voices, and was last updated by  jbolt 14 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum