{"id":185,"date":"2019-02-27T14:33:49","date_gmt":"2019-02-27T14:33:49","guid":{"rendered":"https:\/\/rockythemes.com\/nimva3\/docs\/?p=185"},"modified":"2019-02-27T14:43:11","modified_gmt":"2019-02-27T14:43:11","slug":"how-to-change-the-site-width","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/nimva3\/docs\/how-to-change-the-site-width\/","title":{"rendered":"How to change the Site Width"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">To change the side width in Nimva 3, navigate to <strong>Theme Options -> Background -> Site Layout -> Layout Width<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"410\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/site-layout2.jpg\" alt=\"\" class=\"wp-image-188\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/site-layout2.jpg 905w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/site-layout2-300x136.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/site-layout2-768x348.jpg 768w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">By default the <strong>1160px<\/strong> option will be selected. Choose <strong>960px<\/strong> if you want to use a smaller sized layout &#8211; old websites or sites with less content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We also introduced the option to use a <strong>Custom Width Layout<\/strong> which can represent both pixels or percent values. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Custom Width Layout option<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Under Custom Width Layout option, enter a value in pixels.  For example: <strong>1600px<\/strong> &#8211; this will force the entire site width to use the 1600px. The Layout Width option will be ignored.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"410\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/custom-width.jpg\" alt=\"\" class=\"wp-image-190\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/custom-width.jpg 905w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/custom-width-300x136.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/custom-width-768x348.jpg 768w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In modern webdesign, a wider layout is recommended. Play around with this setting until you are comfortable with the result.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We also added the option to set individual width for certain pages, posts or portfolio items.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To take advantage of this feature, navigate to one of your pages or create a new page\/post\/portfolio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scroll down below the content area until the <strong>Advanced Customization <\/strong>box appears.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>General Options -> Custom Width<\/strong> enter the width in pixels or percent that you want to use for that specific page\/post\/portfolio item.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"292\" src=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/indiv-custom-width.jpg\" alt=\"\" class=\"wp-image-192\" srcset=\"https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/indiv-custom-width.jpg 932w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/indiv-custom-width-300x94.jpg 300w, https:\/\/rockythemes.com\/nimva3\/docs\/wp-content\/uploads\/2019\/02\/indiv-custom-width-768x241.jpg 768w\" sizes=\"auto, (max-width: 932px) 100vw, 932px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Update your page\/post\/portfolio and view your current changes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Changing the Site Width in Nimva 3<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-getting-started"],"_links":{"self":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":4,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":193,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/posts\/185\/revisions\/193"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/nimva3\/docs\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}