Home Classroom Joomla Creating a website using Joomla – Part 12

Creating a website using Joomla – Part 12

1127

How to Edit Your CSS and HTML Files on Your Joomla Web Site

Your Joomla web site uses CSS to keep the text, background colours, module header colours, headings, etc the same throughout your site. If you want to change the colour of your content headings, your text, or background page colour, you would do this from the CSS file. You can also change the colours of your links, the background of your menus, or the name of image files that show up.

The HTML tells your template where to pull modules in, and includes the footer text on your template (depending on your template). If you want to change the footer text on your template, this is the place to do it. Also, some templates have some alternate options in the HTML file such as making your template right justified, centred, or left justified. Some also allow you to change whole colour schemes from the HTML file. Generally, this is found in templates you buy and the template will come with instructions on how to switch between the different options in the HTML file. It’s usually as easy as typing the name of the colour or entering a “1″ or “0″.The HTMLl file basically tells your Joomla web site template what to pull into view from the files on your server and where to display them.

 

How to edit your CSS file in your Joomla web site:

1) Log in to www.yoursitename.com/administrator

2) In the row of menus across the top, go to “Extensions”

3) Choose template manager in the drop down menus

4) Choose Site templates in the menu that slides out to the side

5) When the page loads, put a check mark in the box next to your default template.

6) Click “Edit” in the top right hand corner.

7) Change the parameters of your template you wish to change

8) Click “Edit CSS” in the top right hand corner.

9) Make changes to your CSS file that you wish to by select “template.css’’ and click Edit

10) Click the disk icon to save.

 

How to edit your HTML file in your Joomla web site:

1) Log in to www.yoursitename.com/administrator

2) In the row of menus across the top, go to “Extensions”

3) Choose template manager in the drop down menus

4) Choose Site templates in the menu that slides out to the side

5) When the page loads, put a check mark in the box next to your default template.

6) Click “Edit” in the top right hand corner.

7) Make changes to your HTML file that you wish to by clicking “Edit HTML” in the top right hand corner.

8) Click the disk icon to save.

 

Joomla’s hidden feature – hiding Intro Text

Joomla provides you with many options by which to display an article. However, did you know one of the most underutilised options is the fact that your article can hide its own “Intro Text”? The teaser you see in a blog layout, or a newsflash module, can be different when you actually display the full article.

Joomla Web sites typically use the “Intro Text” and the “Read more button” and just continue the story from the Front page Blog view, or a Newsflash module – but it doesn’t have to be that way. You can actually hide the Intro Text when displaying the full article.

To do this, edit the article in the Joomla Administrator.

Click on the “Parameters (Advanced)” pane to the right of the text of the article.

Find the parameter called “Intro Text” and change the select list to “Hide”. Your article might look something like the following screenshot.

(You will note that I’ve fixed up some of the typo’s since I took this shot.)

Save the article.

Now have a look at the article as it appears in a blog view, or a module, and then look at the full article.

We highly appreciate your valuable comments after reading this article. Also, if you have any issues in joomla you could email to harsha@vishmitha.com or Supporting Forum to get our assist. The next article will discuss about Layout Override in Joomla.

Comments

comments

Harsha Gomes is the Managing Director of Vishmitha.com and Winhost Inc. He is a past employee of CINTEC, Ministry of Economic Reforms&Science&Technology, Pathfinder Holdings (Pvt) Ltd, and Sannasa Media (Pvt) Ltd. He has experience in PHP,AJAX, Flex, HTML,CSS, Javascript, MySQL, Joomla, Payment Integration, Smarty, PHPBB, Magento, OS Commerce. He is an expert in developing websites using the CMS tool Joomla.

NO COMMENTS

Leave a Reply