Difference between revisions of "Adding a Stylesheet Entry"

From unroole CMS wiki
Jump to: navigation, search
(Created page with "<noinclude> {{for|more information|Stylesheets}} </noinclude> {{Css Image Crop |Image = Unroole Site Builder Admin Panel - Stylesheet new.png |bSize = 300px |cWidth = 3...")
 
Line 12: Line 12:
 
}}
 
}}
  
Adding a stylesheet to a channel can be useful for adding in additional styling that may not be provided as part of a theme or when modifying the look and feel of your website for a specific promotion or event. Any stylesheets added will automatically be appended to the header of your page in the order specified in the currently active [Theme]. To add a new stylesheet please follow the following steps:
+
Adding a stylesheet 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 stylesheets added will automatically be appended to the header of your page in the order specified in the currently active [Theme]. To add a new stylesheet please follow the following steps:
  
 
# Navigate to the Stylesheet section of the cms.
 
# Navigate to the Stylesheet section of the cms.

Revision as of 09:41, 4 July 2012


Unroole Site Builder Admin Panel - Stylesheet new.png

A form with a simple box stylesheet added.

Adding a stylesheet 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 stylesheets added will automatically be appended to the header of your page in the order specified in the currently active [Theme]. To add a new stylesheet please follow the following steps:

  1. Navigate to the Stylesheet section of the cms.
  2. Click the 'Create Stylesheet' button.
  3. Enter the name of the stylesheet 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 is only application to a particular version of a [page].