Tutorials for Magento and Joomla! - Yireo

Video: Add CSS to a single Magento CMS page

This videotutorial shows you how you can add a single CSS-stylesheet to a specific CMS page in Magento. 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>
Created on Wednesday, 04 November 2009
Modified on Friday, 12 November 2010

About Yireo

Yireo tries to help webdevelopers build successful Joomla! and Magento sites.

More about Yireo