0
Welcome Guest! Login
0 items Join Now

How To Wrap Logo in H1 Tag - HiveMind

  • How To Wrap Logo in H1 Tag - HiveMind

    Posted 15 years 4 months ago
    • In the HiveMind Template how would you write the logo in an H1 Tag?

      Thanks.
  • Re: How To Wrap Logo in H1 Tag - HiveMind

    Posted 15 years 4 months ago
    • Do you mean want to replace the image with a text wrapped with h1 ?
  • Re: How To Wrap Logo in H1 Tag - HiveMind

    Posted 15 years 4 months ago
    • Hi Arifin - Actually I want to have both. It is better for SEO purposes to have an H1 tag high up on the page, but it is more pretty to the eye to have a image logo, so the work around that is having an image logo wrapped in an h1 tag. The tag is essentially invisible on the page as it is below the logo, however if you disable css, the text appears clearly.

      Thanks.
  • Re: How To Wrap Logo in H1 Tag - HiveMind

    Posted 15 years 4 months ago
    • How about in your index.php above this line:
      <img border="0" src="/feb08_j15/images/blank.png" alt="" id="logo"/>

      add <h1>Some text here</h1> ? So, it will be:
       
      <h1>Some text here</h1>
      <img border="0" src="/feb08_j15/images/blank.png" alt="" id="logo"/>
       

      After that, open your template.css at:
      <Joomla Root>/templates/<your template name>/css/template.css

      At the end of the lines, add below codes:
       
      #header h1 {display:none;}
       

Time to create page: 0.078 seconds