{"id":8668,"date":"2023-06-25T17:00:45","date_gmt":"2023-06-25T11:00:45","guid":{"rendered":"https:\/\/dev2.betterdocs.co\/?post_type=docs&#038;p=8668"},"modified":"2024-06-09T19:10:15","modified_gmt":"2024-06-09T13:10:15","password":"","slug":"how-to-add-custom-css-in-shopify","status":"publish","type":"docs","link":"https:\/\/dev2.betterdocs.co\/fr\/docs\/how-to-add-custom-css-in-shopify\/","title":{"rendered":"How To Add Custom CSS In BetterDocs For Shopify"},"content":{"rendered":"<p>Avec <strong><a href=\"https:\/\/apps.shopify.com\/betterdocs-knowledgebase\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/apps.shopify.com\/betterdocs-knowledgebase\" rel=\"noreferrer noopener\">BetterDocs For Shopify<\/a><\/strong>, you can easily add custom CSS and easily style your documentation, single docs, archive, and FAQ pages. Follow this step-by-step guide to learn how to do it.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Add Custom CSS In BetterDocs For Shopify<\/strong><\/h2>\n\n\n\n<p>BetterDocs For Shopify can help you to style your documentation with custom CSS without any hassle. You can also read this <a href=\"https:\/\/dev2.betterdocs.co\/fr\/docs\/how-to-design-a-knowledge-base\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>documentation to design your knowledge base<\/strong><\/a> without any coding.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1: Navigate To The Settings Tab<\/strong><\/h3>\n\n\n\n<p>First open the BetterDocs app from your Shopify dashboard, Now, click on the \u2018<strong>Customize your layout<\/strong>\u2019 button. Now, navigate to the page where you want to add Custom CSS.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"902\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2024\/06\/image-6.gif\" alt=\"How To Add Custom CSS\" class=\"wp-image-12094\" title=\"\"><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2: Add Custom CSS<\/strong><\/h3>\n\n\n\n<p>Now, click on the <strong>code icon<\/strong> ( &lt;\/&gt; ) to open the \u2018<strong>Custom CSS<\/strong>\u2019 option. Add your code and hit the \u2018<strong>Save Changes<\/strong>\u2018 button.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"902\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2024\/06\/image-7.gif\" alt=\"How To Add Custom CSS\" class=\"wp-image-12096\" title=\"\"><\/figure><\/div>\n\n\n<p>This is how you can add custom CSS in BetterDocs For Shopify.&nbsp;<\/p>\n\n\n\n<p>If you face any difficulties, feel free to <a href=\"https:\/\/storeware.io\/support\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/storeware.io\/support\/\" rel=\"noreferrer noopener\"><strong>contact our support team<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>From this documentation, you can learn how to add custom css in BetterDocs for Shopify and design your knowledgeable with added customization. <\/p>","protected":false},"author":24,"featured_media":12096,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[715,716],"knowledge_base":[283],"year_month":"2026-05","word_count":159,"total_views":"900","reactions":{"happy":"8","normal":"1","sad":"1"},"author_info":{"author_nicename":"ahmed","author_url":"https:\/\/dev2.betterdocs.co\/fr\/author\/ahmed\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/dev2.betterdocs.co\/fr\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"Custom CSS","term_url":"https:\/\/dev2.betterdocs.co\/fr\/docs-tag\/custom-css\/"},{"term_name":"Custom CSS In BetterDocs for Shopify","term_url":"https:\/\/dev2.betterdocs.co\/fr\/docs-tag\/custom-css-in-betterdocs-for-shopify\/"}],"author_list":[{"ID":"13","user_login":"abid@ar.com.bd","display_name":"Abid Hasan","id":"13"},{"ID":"8","user_login":"afrin","display_name":"afrin","id":"8"},{"ID":"4","user_login":"Afshana","display_name":"Afshana Diya","id":"4"},{"ID":"24","user_login":"Ahmed","display_name":"Ahmed Kawser","id":"24"},{"ID":"6","user_login":"akash","display_name":"akash","id":"6"},{"ID":"17","user_login":"alim","display_name":"Alim","id":"17"},{"ID":"18","user_login":"arshiana","display_name":"arshiana","id":"18"},{"ID":"1","user_login":"Asif","display_name":"admin","id":"1"},{"ID":"14","user_login":"Faguni","display_name":"Faguni","id":"14"},{"ID":"37","user_login":"Galib","display_name":"Galib Hayder","id":"37"},{"ID":"41","user_login":"Imtiaz","display_name":"Imtiaz","id":"41"},{"ID":"11","user_login":"Jamil","display_name":"Jamil Uddin","id":"11"},{"ID":"21","user_login":"jemima","display_name":"Jemima Naznin","id":"21"},{"ID":"25","user_login":"Mahbub","display_name":"Mahbub","id":"25"},{"ID":"20","user_login":"mahedi@ar.com.bd","display_name":"mahedi@ar.com.bd","id":"20"},{"ID":"39","user_login":"mahmudul","display_name":"mahmudul","id":"39"},{"ID":"32","user_login":"mamun","display_name":"Abdullah Mamun","id":"32"},{"ID":"19","user_login":"manzur","display_name":"manzur","id":"19"},{"ID":"9","user_login":"Mukul","display_name":"Mukul","id":"9"},{"ID":"35","user_login":"nadvi","display_name":"nadvi","id":"35"},{"ID":"33","user_login":"nahid","display_name":"Nahid Hasan","id":"33"},{"ID":"23","user_login":"Oishi","display_name":"Parsia Tabassum Oishi","id":"23"},{"ID":"36","user_login":"Popy","display_name":"Esrat Popy","id":"36"},{"ID":"5","user_login":"rafin","display_name":"rafin","id":"5"},{"ID":"34","user_login":"rasel","display_name":"Rasel","id":"34"},{"ID":"22","user_login":"Razthee","display_name":"Razthee","id":"22"},{"ID":"30","user_login":"rumi","display_name":"rumi","id":"30"},{"ID":"2","user_login":"Rupok","display_name":"Rupok","id":"2"},{"ID":"15","user_login":"sadab","display_name":"Sadab Khan","id":"15"},{"ID":"29","user_login":"Salauddin Rana","display_name":"Salauddin Rana","id":"29"},{"ID":"3","user_login":"Shahan","display_name":"Shahan","id":"3"},{"ID":"31","user_login":"shahidul","display_name":"Shahidul Islam","id":"31"},{"ID":"28","user_login":"Shaikat","display_name":"Shaikat","id":"28"},{"ID":"10","user_login":"sumaiya","display_name":"sumaiya","id":"10"},{"ID":"12","user_login":"tanaz","display_name":"Tanaz","id":"12"},{"ID":"16","user_login":"tasnia","display_name":"Tasnia","id":"16"},{"ID":"38","user_login":"tomal","display_name":"Towfique Ahmed","id":"38"}],"_links":{"self":[{"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/docs\/8668"}],"collection":[{"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/users\/24"}],"version-history":[{"count":6,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/docs\/8668\/revisions"}],"predecessor-version":[{"id":12097,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/docs\/8668\/revisions\/12097"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/media\/12096"}],"wp:attachment":[{"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/media?parent=8668"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/doc_category?post=8668"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/doc_tag?post=8668"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/fr\/wp-json\/wp\/v2\/knowledge_base?post=8668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}