Joomla : Templates and Site Design    Editing the css file  

  Screenbook Thumbnail View: Click on an image or page number to go to the page.

1   The menu items
2   Menu item styling
3   View Selection Source.
4   Menu item class
5   The CSS file
6   template_css.css
7   The CSS file opened
8   Searching for mainlevel-left
9   Adding mainlevel-left
10   The menu items are now spaced out a bit more.
11   The Newsflash items are still bunched up.
12   The latestnews class
13   there is no class called latestnews.
14   Back in the Module Manager
15   A module name Latest News.
16   Module Class Suffix for Latest News
17   Add the suffix "-latest".
18   Save the changes.
19   Refresh the home page
20   Let's make a couple more changes
21   Login top margin
22   Line height of Latest news
23   The styling changes have been applied.
24   Another problem
25   Look at the source
26   The table.moduletable style
27   The table.moduletable-left style
28   Fixing another suffix
29   The menu is now the correct width
30   Summary