Difference between revisions of "Adding a Stylesheet Entry"

From unroole CMS wiki
Jump to: navigation, search
m
Line 18: Line 18:
 
# Enter the name of the stylesheet entry for reference
 
# Enter the name of the stylesheet entry for reference
 
# Add in your CSS compatible stylesheet code. The layout editor provides a number of tags and classes for you to reference. For more information see [Layout Structure].
 
# Add in your CSS compatible stylesheet code. The layout editor provides a number of tags and classes for you to reference. For more information see [Layout Structure].
# Click "Save" to finalize the creation of your stylesheet.
+
# Click 'Save' to finalize the creation of your stylesheet.
  
 
'''Notes:'''
 
'''Notes:'''

Revision as of 16:59, 4 July 2012


Unroole Site Builder Admin Panel - Stylesheet new.png

A form with a simple box stylesheet added.

Adding a stylesheet entry to a channel can be useful for augmenting the style of a page or channel provided as part of a theme. This can be extremely useful when modifying the look and feel of your website for a specific promotion or event. Any stylesheet entry added to a channel are automatically appended to the header of a page in the order specified in the currently active [Theme]. To add a new stylesheet please follow these steps:

  1. Navigate to the Stylesheet section under "Channel Content".
  2. Click the 'Create Stylesheet' button.
  3. Enter the name of the stylesheet entry for reference
  4. Add in your CSS compatible stylesheet code. The layout editor provides a number of tags and classes for you to reference. For more information see [Layout Structure].
  5. Click 'Save' to finalize the creation of your stylesheet.

Notes:

  • Due to the nature of browser compatibility with certain css tags the system does not check for valid syntax upon stylesheet creation.
  • Any stylesheets added to a channel will become available immediately after creation. It is highly recommended to target specific html tags or attributes unique to page versions if this stylesheet entry is only application to a particular version of a [page].