Book Image

Joomla! 1.5 Templates Cookbook

Book Image

Joomla! 1.5 Templates Cookbook

Overview of this book

Templates in Joomla! provide a powerful way to make your site look exactly the way you want either using a single template for the entire site or a separate template for each site section. Although it sounds like an easy task to build and maintain templates, it can be challenging to get beyond the basics and customize templates to meet your needs perfectly.Joomla! 1.5 Templates Cookbook consists of a series of self-contained step-by-step recipes that cover everything from common tasks such as changing your site's logo or favicon and altering color schemes, to custom error pages and template overrides. It starts off with the basics of template design and then digs deep into more complex concepts. It will help you make your site more attractive and user-friendly. You will integrate your site with various social media such as Twitter and YouTube; make your site mobile-friendly with the help of recipes for creating and customizing mobile spreadsheets; and use miscellaneous tricks and tips to get the most out of your website. You get all of this in a simple recipe format that guides you quickly through the steps and explains how it all happened.
Table of Contents (16 chapters)
Joomla! 1.5 Templates Cookbook
Credits
About the Author
About the Reviewers
Preface

Editing CSS in the administration panel


Joomla! also allows administrators of their website to edit the CSS files associated with their Joomla! templates from the administration panel.

Getting ready

Navigate to the Template Manager feature in the administration panel. From here, select the theme that is currently the default. For this example, we'll assume it's the rhuk_milkyway template again.

How to do it...

  1. 1. Select the Edit CSS option at the top-right of your screen. You'll be presented with a list of the CSS files associated with the current template:

  1. 2. Select a CSS file by selecting the radio button next to the CSS file's name, and click on the Edit button at the top-right of the screen. You will then be presented with the CSS to edit:

  2. 3. Once you have finished editing, click on Save or Apply or simply click on Cancel to negate any changes that you've made to the file.

How it works...

When you edit a CSS file from your Joomla! template in the administration panel, Joomla! overwrites the relevant CSS file with the changes that you've made, so long as the file is writable.

There's more...

There is one common problem that you may face when trying to edit your template's CSS files via the administration panel. You may find that the CSS files for your template are not writable from the administration panel.

To rectify this problem, navigate to the \templates\rhuk_milkyway\css directory where you have Joomla! installed. Select all of the CSS files you wish to be able to edit from the administration panel, right-click, and select File permissions:

When changing the permissions to allow access to the template's params.ini file, you need to allow Write permission for Group and Public:

Note

Don't allow execution for security

Generally, it's wise to prevent execution of files unless explicitly required, as this can prevent a security risk to your Joomla! website.

Once you refresh the page in the administration panel you should now be able to edit the CSS files associated with the template.

See also

  • Editing the HTML template in the administration panel