{"id":26,"date":"2025-12-18T10:19:38","date_gmt":"2025-12-18T10:19:38","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/purenote\/?p=26"},"modified":"2026-01-01T05:41:45","modified_gmt":"2026-01-01T05:41:45","slug":"customize-site-style","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/purenote\/customize-site-style\/","title":{"rendered":"Customize Site Style of your website with Purenote"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Purenote enables you to customize the style of your website with various layout options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"505\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-Layouts-1024x505.jpg\" alt=\"\" class=\"wp-image-29\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-Layouts-1024x505.jpg 1024w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-Layouts-300x148.jpg 300w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-Layouts-768x379.jpg 768w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-Layouts.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To change your Site style layouts with Purenote:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress Dashboard<\/strong>, then <strong>Appearance \u2192 Customize \u2192 General Settings<\/strong><\/li>\n\n\n\n<li>Look for <strong>Site Style<\/strong> from the given option, and then choose your preferred layout as shown in the image above.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-1024x507.jpg\" alt=\"\" class=\"wp-image-55\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-1024x507.jpg 1024w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-300x149.jpg 300w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style-768x380.jpg 768w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Site-Style.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul>\n<li> Adjust your <b>Container Width<\/b> with slider given below. <i>(Default is &#8216;1290px&#8217;)<\/i><span class=\"mt-docs-pro-tag\"><\/span><\/li>\n<\/ul>\n\n\n\n<h2><b>Setting Default Site Mode<\/b><span class=\"mt-docs-pro-tag\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Purenote Pro enables you to set default site mode for your website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"386\" height=\"670\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-12.png\" alt=\"\" class=\"wp-image-129\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-12.png 386w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-12-173x300.png 173w\" sizes=\"auto, (max-width: 386px) 100vw, 386px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>Light<\/strong> or <strong>Dark<\/strong> mode as per your preference.<\/li>\n\n\n\n<li>Click on &#8216;<strong>Publish<\/strong>&#8216; button to save your changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Purenote enables you to customize the style of your website with various layout options. To change your Site style layouts with Purenote: Adjust your Container Width with slider given below. (Default is &#8216;1290px&#8217;) Setting Default Site Mode Purenote Pro enables you to set default site mode for your website.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-26","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":6,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/26\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/26\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=26"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=26"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}