0
Welcome Guest! Login
0 items Join Now

Change H1 and H2 Tags

Last Post
Search Topic

  • Change H1 and H2 Tags

    Posted 14 years 11 months ago
    • How can I change the H1 and H2 tags in Afterburner? On this particular site I do not want to use the Titles available through the menu, instead use the article title. The article title is the H2 tag. For SEO purposes I want the article title to be H1. I will make the necessary adjustments in the CSS.
    • Chuck
    #501014
    • roma64's Avatar
    • roma64
    • Hero Rocketeer
    • Posts: 269
    • Thanks: 10
    • Owner of SimplerWebs

    Re: Change H1 and H2 Tags

    Posted 12 years 2 months ago
    • You have not mentioned your URL and which style you are using but here it is (using style2.css as an example). Open the style2.css and locate the below line and change your font % accordingly like so:
      h1,.componentheading {font-size:125%;}

      Or you can add the following to the bottom of your style2.css using any % to meet your needs
      /* HEADINGS CUSTOMIZATION */
h1 {
font-size: 125%;
}
h2 {
font-size: 110%;
}
h3 {
font-size: 100%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 100%;
}
 

      I think you want to change the Article Title from H1 to H1 but unfortunately, Afterburner template for Joomla 2.5 does not have the default.php file nor the directory "com_content\article".

      But here my solution for you:
      If you want to control the Headings, like h1, h2 and so on, for SEO purposes, do what I do and it works great:

      Go to your Article Manager Options and select 'Hide' option for the 'Show Title'.

      Then you enter an H1 using your keyword/key phrase and H2 for the rest of your headings.

      What I also recommend is try to use H1 only once per page.

      Side note: I tried to setup the mycustomstyle.css file within the Afterburner template to make customization easier and so that any Afterburner upgrade will not affect my customization but the template does not have a folder called 'features' to upload the custom css file to, therefore, I recommend that you backup your style2.css (or the one you are using) just in case.

      I hope I understood your question and also hope that the above helps
    • A Web Design, SEO and Marketing Company
    #928370
    • roma64's Avatar
    • roma64
    • Hero Rocketeer
    • Posts: 269
    • Thanks: 10
    • Owner of SimplerWebs

    Re: Change H1 and H2 Tags

    Posted 12 years 2 months ago
    • clivecchi,

      I was able to create a custom css file and successfully use it to customize your Afterburner template without worrying about an update messing up, or overriding your template customization. The below are the steps:
        1 - Using your favorite text editor, like Notepad++, create a css file and give it a name like 'mycustomcss' and save it with the .css extension,
        2 - Upload your created file to /templates/rt_afterburner/css folder,
        3 - Open index.php located in /templates/rt_afterburner
        4 - Add the below line right before (/head) tag.
      <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rt_afterburner/css/mycustomcss.css" type="text/css" />

      for an example of the customization I did, you can check http://simplerwebs.com

      Enjoy!
    • A Web Design, SEO and Marketing Company
    #929013

Time to create page: 0.057 seconds