HTML, XHTML & CSS

88
Part IV: Scripting and (X)HTML
Figure 17-5: The Joomla Template Manager marks the current template
with a yellow star.
3. Click the template name that’s designated with the star (that is, you’ll
want to click the left-most column in the table of entries) for an overview
of that template.
4. Click the Edit CSS icon at the upper right.
A list of CSS files appears.
5. To edit any of these files, click the radio button on the left to select
a particular file, and then click the Edit icon above the table on the
right.
In this example, we want to make the body text in our Web site bigger,
so we click the radio button to the left of the main CSS template called
template.css. Then we click the Edit icon above the table. The CSS for
the selected template file opens in a text input box.
6. Edit the CSS code in the text input box.
For example, we scrolled to the tag and changed font-size
from 12px to 16px.
7. Click the Save icon above the text input box to commit your changes
to the template file.
That’s it! See Figure 17-6 to view the site before (top) and after (bottom)
changing the font size.
For more information about Joomla, we suggest checking out Joomla! For
Dummies by Steven Holzner and Nancy Conner.