{"id":24638,"date":"2022-04-23T06:00:00","date_gmt":"2022-04-23T01:00:00","guid":{"rendered":"https:\/\/mcstarters.com\/blog\/?p=24638"},"modified":"2024-03-15T16:43:16","modified_gmt":"2024-03-15T11:43:16","slug":"add-custom-css-to-shopify","status":"publish","type":"post","link":"https:\/\/mcstarters.com\/blog\/add-custom-css-to-shopify\/","title":{"rendered":"How To Add Custom CSS To Shopify?"},"content":{"rendered":"\n<p>Are you want to add custom CSS to shopify?<\/p>\n\n\n\n<p><a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a> is the best drag and drop website builder but in shopify you can also easily add custom CSS. With the custom CSS, you can modify text sizes, change layout options, need to customize the appearance of 3rd party shopify Apps, change the formatting of pages, and more.<\/p>\n\n\n\n<p class=\"bg-light step\"><strong>You <\/strong>Might Also Like: <a href=\"https:\/\/mcstarters.com\/blog\/upload-images-to-shopify\/\" data-type=\"URL\" data-id=\"https:\/\/mcstarters.com\/blog\/upload-images-to-shopify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Upload Images to Shopify<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add Custom CSS To shopify<\/h2>\n\n\n\n<p>In this post, we will show you how to add custom CSS to <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a>. <\/p>\n\n\n\n<p class=\"step\"><strong>Step 1:<\/strong> Login to <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a> admin &gt; Click on Online Store &gt; Theme <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"282\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-Theme.webp\" alt=\"Shopify Theme\" class=\"wp-image-24653\" title=\"\"><\/figure>\n\n\n\n<p class=\"step\"><strong>Step 2:<\/strong> Click on Action &gt; Edit code<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"254\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Shopify-Edit-Code.webp\" alt=\"Shopify Edit Code\" class=\"wp-image-24652\" title=\"\"><\/figure>\n\n\n\n<p class=\"step\"><strong>Step 3: <\/strong>Now under Assets &gt; click theme.css<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"283\" src=\"https:\/\/mcstarters.com\/blog\/wp-content\/uploads\/2022\/04\/Add-Custom-Css-Shopify.webp\" alt=\"Add Custom Css Shopify\" class=\"wp-image-24651\" title=\"\"><\/figure>\n\n\n\n<p>We hope this article helped you learn how to\u00a0add custom CSS to shopify. You may also want to get help from our\u00a0shopify expert.<\/p>\n\n\n\n<p>If you liked this article, then please subscribe to our&nbsp;<a href=\"https:\/\/www.youtube.com\/mcstarters\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">YouTube Channel<\/a>&nbsp;for web, windows, tech, and how-tos tutorials. You can also find us on&nbsp;<a href=\"https:\/\/twitter.com\/mc_starters\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">Twitter<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/www.facebook.com\/mcstarters\/\" rel=\"noreferrer noopener nofollow\" target=\"_blank\">Facebook<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you want to add custom CSS to shopify? <a  class=\"btl_autolink_hyperlink\"  href=\"https:\/\/mcstarters.com\/blog\/shopifyaff\"    target=\"_blank\" rel=\"nofollow\">Shopify<\/a>&#8230;<\/p>\n","protected":false},"author":5,"featured_media":24642,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[80],"tags":[236,234,212],"class_list":["post-24638","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify","tag-css","tag-shopify","tag-website-builder"],"_links":{"self":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/24638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/comments?post=24638"}],"version-history":[{"count":0,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/posts\/24638\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media\/24642"}],"wp:attachment":[{"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/media?parent=24638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/categories?post=24638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mcstarters.com\/blog\/wp-json\/wp\/v2\/tags?post=24638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}