| an article from User Written Resources | | | | font-size: 11px; padding-left: 5px; padding-right: 2px; |
| 1. duplicate the styles already used for the particular | | | | font-weight: normal; color:#000000; }no module suffix |
| module, adding a suffix to each style name. this will | | | | screenshot |
| definitely include some of the following; | | | | 2 .make changes to these styles as desired.example |
| 1. .module {} | | | | of changes to "freemambo template" - adding suffix |
| 2. div.moduletable {} | | | | egtable.moduletableeg { float: left; padding: 0px; |
| 3. div.moduletable h3 {} | | | | margin: 0px; width: 152px; } table.moduletableeg th { |
| 4. table.moduletable {}/li> | | | | background-color: #FF9900; color: #333333; font-size: |
| 5. table.moduletable th | | | | 12px; text-align: center !important; text-align:center; |
| 6. table.moduletable tdand can include other styles | | | | padding-top: 2px; padding-left: 0px; height: 23px; |
| used on the content in that section, such as; | | | | text-decoration: none; width: 154px !important; |
| 1. ol, ul, li {} | | | | width:152px; text-transform:lowercase; } |
| 2. a:link,a:visited,a:hover {} | | | | table.moduletableeg td { background-color: #EEEEEE; |
| 3. a.readon:link,a.readon:visited,a.readon:hover {}and | | | | font-size: 11px; padding-left: 5px; padding-right: 2px; |
| others, note that certain modules already may have | | | | font-weight: normal; color:#FF0000; }eg module suffix |
| specific css styles associated with them (such as | | | | screenshot |
| latestnews & mostread lists) so if you are modifying | | | | 3. update the module class suffix within joomla |
| one of these modules, you might need to either | | | | administrator. |
| remove the specific style so the module class suffix | | | | 1. go to 'Modules' -> 'Site Modules' |
| style can be applied, or just change those specific | | | | 2. click on the module you'd like to apply the new css |
| styles.example from "freemambo | | | | styles to |
| template"table.moduletable { float: left; padding: 0px; | | | | 3. enter the suffix you used in the module class |
| margin: 0px; width: 152px; background: url(../images | | | | suffix field & click 'Save'site module - edit |
| leftright.gif); } table.moduletable th { background: url(.. | | | | screenshottechnology geek, music addict, websaavy, |
| images/subhead_bg.gif); font-size: 10px; text-align: | | | | fiction fan, wannabe writer, fantasy/sci-fi |
| center !important; text-align:center; padding-top: 4px; | | | | aficionadopersonal site: natsirtm.comnew site just |
| padding-left: 0px; height: 23px; text-decoration: none; | | | | started - revenue sharing for authors: User Written |
| width: 154px !important; width:152px; color:#FFFFFF; | | | | Resources. |
| text-transform:uppercase; } table.moduletable td { | | | | |