How can I remove H1 from logo?

Discussion in 'Web Design, HTML And CSS' started by ozsubasi, Jun 4, 2012.

  1. ozsubasi

    ozsubasi New Member

    Joined:
    Jan 26, 2012
    Messages:
    505
    Likes Received:
    29
    Trophy Points:
    0
    Occupation:
    Real Estate
    Location:
    Altinkum, Didim, Turkey
    Home Page:
    http://www.turkeypropertyaltinkum.co.uk
    My site is altinkumpropertyforsale.com and I want to remove the H1 tag from the logo which is at the top of every page. The problem is that Google reads it as being the same H1 for all pages, and obviously I want individual H1's for every page.
    If you view the source of the page, about half way down there is:
    <div class="logo">
    <h1 title="Altinkum Property For Sale ">Altinkum Property For Sale</h1>
    </div>
    I want the pages to look the same i.e. with the same header as they now have, I just don't want them to be H1.

    In the (I think) relevant CSS file I have:
    .logo h1 {
    font-size:44px;
    color:#000;
    color:#FFF;
    float:left;
    padding-left:10px;
    display:inline;
    /*IE */
    vertical-align:text-bottom;
    }

    Any ideas please?
     
    Last edited: Jun 4, 2012
  2. ozsubasi

    ozsubasi New Member

    Joined:
    Jan 26, 2012
    Messages:
    505
    Likes Received:
    29
    Trophy Points:
    0
    Occupation:
    Real Estate
    Location:
    Altinkum, Didim, Turkey
    Home Page:
    http://www.turkeypropertyaltinkum.co.uk
    I managed to resolve this myself by trial and error. From the CSS file I deleted the reference to H1.
    I then amended my main.html to read:
    <div class="logo">
    <font size="7"><strong>Altinkum Property For Sale</strong></font>
    </div>

    So I still have the same header but it is no longer H1, which means I have been able to set up individual H1's for each page.
     
  3. pein87

    pein87 Active Member

    Joined:
    Aug 6, 2010
    Messages:
    173
    Likes Received:
    47
    Trophy Points:
    28
    Occupation:
    Web Dev
    Location:
    Limbo
    html

    HTML:
    <span id="logo">Altinkum Property For Sale</span>
    css

    Code:
    span#logo {  font-size:44px; color:#000; color:#FFF; float:left; padding-left:10px; /*IE */ vertical-align:text-bottom; }
     
  4. mialuzzatto

    mialuzzatto New Member

    Joined:
    Aug 5, 2015
    Messages:
    122
    Likes Received:
    5
    Trophy Points:
    0
    Occupation:
    Work at https://www.idevelopersquare.com
    Location:
    Waltham, MA, USA
    Home Page:
    https://www.idevelopersquare.com
    Hi,

    Probably there is another css by the name logo and it is interfering with this code.
    In these situations, you could use the tool FireBug to inspect elements and view the css entries.

    ---
    Regards,
    Mia Luzzatto
     

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice