Examples of Useful CSS Classes: Difference between revisions
mNo edit summary |
|||
| (6 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
We've added some useful CSS classes to places like the | We've added some useful CSS classes to places like the [[BlogComponent | Blog component]] that will help you with visual formatting if you choose to use them. | ||
==Useful CSS Classes== | |||
<source lang="css"> | <source lang="css"> | ||
.odd Is added to every odd blog post or list item in a content component | .odd Is added to every odd blog post or list item in a content component | ||
| Line 8: | Line 7: | ||
.first Is added to the first blog post or list item in a content component | .first Is added to the first blog post or list item in a content component | ||
.last Is added to the last blog post or list item in a content component | .last Is added to the last blog post or list item in a content component | ||
.item_N Used when there are lists of items (ie: .item_0, .item_1 etc.). Can be added to any enumerable content | .item_N Used when there are lists of items (ie: .item_0, .item_1 etc.). Can be added to any enumerable content. | ||
</source> | </source> | ||
| Line 14: | Line 13: | ||
You can add style declarations to your CSS file for these classes for some useful visual formatting. | You can add style declarations to your CSS file for these classes for some useful visual formatting. | ||
Other classes are added to aid in styling, and for advanced styling we recommend using [http://getfirebug.com Firebug] to inspect the Document Object Model (DOM) to find them. | |||
These are just a few examples of the CSS classes you may find useful. Other component specific classes are added to aid in styling, and for advanced styling we recommend using [http://getfirebug.com Firebug] to inspect the Document Object Model (DOM) to find them. | |||
[[Category:Creating | [[Category:Creating Themes]] | ||
[[Category:Advanced Topics]] | [[Category:Advanced Topics]] | ||
Latest revision as of 15:27, 16 November 2010
We've added some useful CSS classes to places like the Blog component that will help you with visual formatting if you choose to use them.
Useful CSS Classes
.odd Is added to every odd blog post or list item in a content component
.even Is added to every even blog post or list item in a content component
.first Is added to the first blog post or list item in a content component
.last Is added to the last blog post or list item in a content component
.item_N Used when there are lists of items (ie: .item_0, .item_1 etc.). Can be added to any enumerable content.
You can add style declarations to your CSS file for these classes for some useful visual formatting.
These are just a few examples of the CSS classes you may find useful. Other component specific classes are added to aid in styling, and for advanced styling we recommend using Firebug to inspect the Document Object Model (DOM) to find them.