Examples of Useful CSS Classes: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 8: | Line 8: | ||
.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 as are the above classes. | |||
</source> | </source> | ||
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. | |||
[[Category:Creating Viviti Themes]] | [[Category:Creating Viviti Themes]] | ||
[[Category:Advanced Topics]] | [[Category:Advanced Topics]] | ||
Revision as of 10:50, 24 March 2009
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 as are the above classes.
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 Firebug to inspect the Document Object Model (DOM) to find them.