This videotutorial shows you how you can add a single CSS-stylesheet to a specific CMS page in Magento^TM. The trick here is to use a XML Layout Update inside the properties of the CMS-page and use the "addCss" method to add your CSS.

In the tutorial it is explained how to add XML-code to a specific CMS-page. The XML-layout code used can be found below. The HTML-code of the CMS-page and the CSS-code to style the HTML are left out.

 
<reference name="head">
    <action method="addCss">
        <stylesheet>../yireo/css/custom.css</stylesheet>
        <params>media="screen"</params>
    </action>
</reference>
 

Tutorials on Magento theming

• Video: Magento Developer Toolbar
• Video: Custom column layout
• Video: Dynamic product image to Static Page
• Video: Modify the Magento Default Theme
• Video: Replace Magento Checkout Button image with CSS
• Build your own Magento override-module
• Set the default direction or ordering for Magento category-pages

Tutorials on MageBridge^TM theming

• MageBridge Design Guide
• MageBridge, RHUK Milkyway and the Magento default theme
• Creating template overrides to support MageBridge
• MageBridge and module chromes
• Working with JavaScript in MageBridge
• Theming-options in MageBridge
• Template override of fixes.php
• Working with JoomlArt templates
• MageBridge combined theming
• MageBridge template helper
• Using RocketTheme add-ons for MageBridge
• Video: MageBridge addon Rockettheme theme
• Applying XML Layout Updates in MageBridge - (1) Overview
• Applying XML Layout Updates in MageBridge - (2) CMS Page
• Adding custom Magento scripts to the Joomla! page
• Switch between Magento theme and Joomla! template
• Using YOOtheme patches for MageBridge
• MageBridge template overrides
• MageBridge FAQ: Theming