How to Add a Text Line in a Header for a Joomla! Template

Save

The Joomla content management system comes with several built-in templates. Many others are available for free download. Some templates automatically display the name and tagline of your website, and many Joomla 1.6 templates allow users to add header text through the admin panel. To add a line of text to other template headers, you will need to edit the template code.

Joomla 1.6.x

  • Log into your Joomla admin panel. Under "Extensions," click "Template Manager."

  • Check the box next to the name of the template you are using and click the "Edit" icon in the upper right of the page.

  • Rename the new version in the text box under "Style Name." Fill in the boxes titled "Site Name" and "Site Description" with the text that you want in the header. If the template has an image logo that you want to change, click "Clear" under logo, or click "Select" and upload a new image. Click the "Save as Copy" icon and then click the "Close" icon.

  • Check the box next to the new template name and click the "Make Default" icon.

  • Open your Joomla site and refresh the page. Proceed to the instructions for Joomla 1.5.x below if your template does not have the options described above.

Joomla 1.5.x

  • Open "File Manager" in you Web host's cPanel. Open the folder with your Joomla installation. Open the "Templates" folder and then the folder with the name of the template you are using. Download a copy of the "index.php" file.

  • Open the file with a code editing application. Save a copy of the unedited file so you can start fresh if you need it.

  • Place your text within the following code: <h1>Your Text Here</h1> for large text, or <p>Your Text Here</p> for normal sized text.

  • Scroll down the code until you find the beginning of the header section. It helps if you are familiar with HTML tags. Place the above snippet of code between the opening and closing tags of the header section. The opening and closing "div" tags will look something like this: <div class="Your-Header-For-Example"> and </div>. If there is no "header div tag," try placing the code under the "body tag," which looks like this: <body>.

  • Save the file and upload it to replace the original "index.php" file. Delete the original file or make sure your upload settings overwrite it.

  • Open your Joomla site and refresh the page. You may have to go back to the file and reposition the text until it shows up where you want it. If you are familiar with CSS styles, you can add them to your code to adjust the position and look of the text.

Tips & Warnings

  • You may need to use an FTP application such as Filezilla, but you can usually download and upload single files directly from your cPanel.
  • Joomla 1.5.x allows you to edit the template "index.php" file in the admin interface. Under "Extensions," click "Template Manager." Check the box next to the name of the template you are using, click the "Edit" icon in the upper right of the page and then "Edit HTML." Copy and paste the whole page to your computer before making changes.

References

Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!