{"id":1247,"date":"2012-03-28T10:13:28","date_gmt":"2012-03-28T10:13:28","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2012\/03\/28\/how-to-merge-css-files-in-magento\/"},"modified":"2021-08-16T23:45:51","modified_gmt":"2021-08-17T03:45:51","slug":"how-to-merge-css-files-in-magento","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/","title":{"rendered":"How to Merge CSS Files in Magento 1.6"},"content":{"rendered":"

Magento 1.6 gives you the ability to merge the CSS files of your Magento shopping cart. This can be beneficial in speeding up how fast your pages load in a web browser. Merging the CSS files can make debugging issues with the look and feel of your website however. Once your website is no longer in development, merging the CSS files is a good idea. Loading one CSS file reduces the number of HTTP requests made to the server and can help reduce resource usage. Merging the CSS files of your website is accomplished in the Magento 1.6 Backend.<\/p>\n

    \n
  1. Log into your Magento Admin Backend<\/a><\/li>\n
  2. Go to System ->> Configuration<\/strong><\/li>\n

    \"magento_dashboard_1\"<\/a><\/p>\n

    <\/div>\n\n
  3. Click on \u201cDeveloper<\/strong>\u201d in the left side menu pane<\/li>\n
  4. Open the \u201cCSS Settings<\/strong>\u201d section<\/li>\n
  5. Change the \u201cMerge CSS Files<\/strong>\u201d to \u201cYes<\/strong>\u201c<\/li>\n

    \"magento_merge_css_1\"<\/a><\/p>\n

  6. Click \u201cSave Config<\/strong>\u201c<\/li>\n<\/ol>\n

    For more step-by-step guides and practical tips, visit our Drupal Education Channel<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Magento 1.6 gives you the ability to merge the CSS files of your Magento shopping cart. This can be beneficial in speeding up how fast your pages load in a web browser. Merging the CSS files can make debugging issues with the look and feel of your website however. Once your website is no longer Read More ><\/a><\/p>\n","protected":false},"author":56983,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[72],"tags":[4456],"class_list":["post-1247","post","type-post","status-publish","format-standard","hentry","category-magento","tag-magento-v1-6"],"acf":[],"yoast_head":"\nHow to Merge CSS Files in Magento 1.6 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Merge CSS Files in Magento 1.6 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2012-03-28T10:13:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:45:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg\" \/>\n<meta name=\"author\" content=\"Carrie Smaha\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@carriesmaha\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carrie Smaha\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\"},\"author\":{\"name\":\"Carrie Smaha\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/595948dab2995d347a87076abdae19d8\"},\"headline\":\"How to Merge CSS Files in Magento 1.6\",\"datePublished\":\"2012-03-28T10:13:28+00:00\",\"dateModified\":\"2021-08-17T03:45:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\"},\"wordCount\":153,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg\",\"keywords\":[\"Magento v1.6\"],\"articleSection\":[\"Magento\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\",\"name\":\"How to Merge CSS Files in Magento 1.6 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg\",\"datePublished\":\"2012-03-28T10:13:28+00:00\",\"dateModified\":\"2021-08-17T03:45:51+00:00\",\"description\":\"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg\",\"width\":1492,\"height\":721,\"caption\":\"magento_dashboard_1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Merge CSS Files in Magento 1.6\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/595948dab2995d347a87076abdae19d8\",\"name\":\"Carrie Smaha\",\"description\":\"Carrie Smaha is a Senior Marketing Operations leader with over 20 years of experience in digital strategy, web development, and IT project management. She specializes in go-to-market programs and SaaS solutions for WordPress and VPS Hosting, working closely with technical teams and customers to deliver high-performance, scalable platforms. At InMotion Hosting, she drives product marketing initiatives that blend strategic insight with technical depth.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/carriesmaha\/\",\"https:\/\/x.com\/carriesmaha\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/carries\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Merge CSS Files in Magento 1.6 | InMotion Hosting","description":"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/","og_locale":"en_US","og_type":"article","og_title":"How to Merge CSS Files in Magento 1.6 | InMotion Hosting","og_description":"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2012-03-28T10:13:28+00:00","article_modified_time":"2021-08-17T03:45:51+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg","type":"","width":"","height":""}],"author":"Carrie Smaha","twitter_card":"summary_large_image","twitter_creator":"@carriesmaha","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Carrie Smaha","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/"},"author":{"name":"Carrie Smaha","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/595948dab2995d347a87076abdae19d8"},"headline":"How to Merge CSS Files in Magento 1.6","datePublished":"2012-03-28T10:13:28+00:00","dateModified":"2021-08-17T03:45:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/"},"wordCount":153,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg","keywords":["Magento v1.6"],"articleSection":["Magento"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/","name":"How to Merge CSS Files in Magento 1.6 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg","datePublished":"2012-03-28T10:13:28+00:00","dateModified":"2021-08-17T03:45:51+00:00","description":"This Magento tutorial, will show you how to enable Magento to merge your CSS files for your shopping cart.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2012\/03\/magento_magento_dashboard_1.jpg","width":1492,"height":721,"caption":"magento_dashboard_1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/magento\/how-to-merge-css-files-in-magento\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Merge CSS Files in Magento 1.6"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/595948dab2995d347a87076abdae19d8","name":"Carrie Smaha","description":"Carrie Smaha is a Senior Marketing Operations leader with over 20 years of experience in digital strategy, web development, and IT project management. She specializes in go-to-market programs and SaaS solutions for WordPress and VPS Hosting, working closely with technical teams and customers to deliver high-performance, scalable platforms. At InMotion Hosting, she drives product marketing initiatives that blend strategic insight with technical depth.","sameAs":["https:\/\/www.linkedin.com\/in\/carriesmaha\/","https:\/\/x.com\/carriesmaha"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/carries\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/56983"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=1247"}],"version-history":[{"count":3,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1247\/revisions"}],"predecessor-version":[{"id":86186,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/1247\/revisions\/86186"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=1247"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=1247"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=1247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}