Editing the css file

Joomla : Templates and Site Design Editing the css file

Screenbook Thumbnail View: Click on the title to go to page view.

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

Created with Screenbook Maker Additional Trademark and Copyright Information