Reading list Switch to dark mode

    Magento CSS and JS in specific catalog page

    Updated 5 December 2012

    Magento – Add a specific CSS / JS in catalog page – Adding specific css and js is really painful in magento so here is the simple hack for adding css in magento category page .

    Lets say you want to call a customcatalog.css in particular magento category , so create this file inside your template skin e.g /skin/frontend/default/default/css

    .category-description {
        height: 475px !important;
        margin: 0 0 10px;

    and after that call the xml block code under  category->choose the category ->custom design and under custom layout update texarea put this

    <reference name="head">
    <action method="addCss"><stylesheet>css/customcatalog.css</stylesheet></action>

    Enjoy , Magento coding .

    Searching for an experienced
    Magento Company ?
    Find out More
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home