How to add custom CSS in Shopify

Add a Custom CSS file in the Asset folder

Follow below steps to add custom CSS in Shopify

  • Step1) Go to your store Online Store > Themes
  • Step2) Now go Edit code

  • Step 3) Now you can see the theme. liquid file left side
  • Step 4) Edit that theme. liquid file and add the below code just before closing tag </head>


{{ ‘custom.css’ | asset_url | stylesheet_tag }}

  • Step 5) Now go to the assets folder left side create a new CSS file and name it custom.css


Now you can write all CSS codes to this file it makes your CSS code separate and readable