[contact-form-7 id="24078" title="Feedback EN"]

Featured templates

Magento. How to add a custom CSS file

This tutorial describes how to add a custom CSS file in Magento.

Magento. How to add a custom CSS file

In order to add a custom CSS file, you should perform the following changes:

  1. Upload your custom CSS file to the server. The directory is as follows: skin/frontend/tm_themes/themeXXX/css:


  2. In order to make the CSS rules work, one should link the file to the template. Please navigate to app/design/frontend/tm_themes/themeXXX/layout and edit local.xml file:


  3. Insert the following piece of code somewhere among the similar ones (it basically contains the relative path to your file):

    		<action method="addCss"><stylesheet>css/custom.css</stylesheet></action>


  4. Save the changes.

Feel free to check the detailed video tutorial below:

Magento. How to add a custom CSS file