{"id":1062,"date":"2016-12-13T11:54:50","date_gmt":"2016-12-13T11:54:50","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=1062"},"modified":"2017-01-10T11:53:20","modified_gmt":"2017-01-10T11:53:20","slug":"styling-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/styling-options","title":{"rendered":"Styling Options"},"content":{"rendered":"<p>This section allows you to style the color schemes on your site. Note, you can overwrite these settings from every page editor.<\/p>\n<p>You can also style the login page and lightbox for your site in this section.<\/p>\n<h3>Main styling options<\/h3>\n<h4>Set the main color schemes for your site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1066 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Main-styling-options.jpg\" alt=\"main-styling-options\" width=\"978\" height=\"817\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Main-styling-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Main-styling-options-300x251.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Main-styling-options-768x642.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5 class=\"description\">Main site colors setup<\/h5>\n<ul>\n<li><strong>Main site color<\/strong> &#8211;\u00a0set\u00a0the main site color. This color is used as the\u00a0default color <strong>for the Visual Composer elements<\/strong>.<\/li>\n<li><strong>Second site color<\/strong> &#8211;\u00a0select\u00a0the second site color. This color is used as <strong>default border and delimiter color <\/strong>and<strong> background color for the popover<\/strong>, <strong>the feature for the text editor<\/strong> on <strong>single post<\/strong>, <strong>single portfolio<\/strong> and in <strong>Text module<\/strong>.<\/li>\n<li><strong>Third site color<\/strong>\u00a0&#8211; set\u00a0the third site color. The color is used as <strong>button background<\/strong> in <strong>header login form.<\/strong><\/li>\n<\/ul>\n<h5 class=\"description\">Body styling options<\/h5>\n<ul>\n<li><strong>Boxed body layout<\/strong> &#8211; set it to <strong>Enable\u00a0<\/strong>to have the boxed site layout\u00a0(1280px width).<\/li>\n<li><strong>Body background color<\/strong> &#8211;\u00a0allows you to set the default color for the body by default for the whole site. You may overwrite these settings in each item&#8217;s editor <del>Page options<\/del> meta box.<\/li>\n<li><strong>Body background image<\/strong> &#8211;\u00a0upload the image to be displayed as a background of the page or enter the URL of the image.<\/li>\n<li><strong>Body background image repeat<\/strong> &#8211; select whether the page background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or<strong> disable repeat<\/strong> of the image.<\/li>\n<li><strong>Fixed body background<\/strong> &#8211;\u00a0enable fixed background to make the background image fixed, so the content will scroll separately over it. When Disable is selected, the background image scrolls with the content.<\/li>\n<\/ul>\n<h5>Content styling options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1069 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-styling-options.jpg\" alt=\"content-styling-options\" width=\"978\" height=\"507\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-styling-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-styling-options-300x156.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-styling-options-768x398.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Content background color<\/strong> &#8211;\u00a0set the default color for the content of your site.<\/li>\n<li><strong>Content background image<\/strong> &#8211;\u00a0select\u00a0the default background image for the content.<\/li>\n<li><strong>Content image repeat<\/strong> &#8211; select whether the page background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or<strong> disable repeat<\/strong> of the image.<\/li>\n<li><strong>Pagination style<\/strong> &#8211;\u00a0set\u00a0one of the preset pagination styles. The pagination will be used for blog, portfolio, gallery and shop pages as default one.\n<ul>\n<li><strong>Style 1<\/strong> &#8211; check the example with <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-pagination-style-1\/\" target=\"_blank\">this link<\/a>.<\/li>\n<li><strong>Style\u00a02<\/strong> &#8211; follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-pagination-style-2\/\" target=\"_blank\">this link<\/a> to check the example.<\/li>\n<li><strong>Style\u00a03<\/strong> &#8211; you can check the example <a href=\"http:\/\/nativewptheme.net\/home\/blog-pagination-style-3\/\" target=\"_blank\">here<\/a>.<\/li>\n<li><strong>Style 4<\/strong> &#8211; the example can be found <a href=\"http:\/\/nativewptheme.net\/home\/blog-pagination-style-4\/\" target=\"_blank\">here<\/a>.<\/li>\n<li><strong>Style 5\u00a0<\/strong>&#8211; follow <a href=\"http:\/\/nativewptheme.net\/home\/blog-pagination-style-5\/\" target=\"_blank\">this link<\/a> to find the example.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Default screen (in px)<\/strong> &#8211;\u00a0set the screen default width for proper image displaying. The images would be cropped according to the screen width set in this section.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This section allows you to style the color schemes on your site. Note, you can overwrite these settings from every page editor. You can also style the login page and<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[43,41],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1062"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=1062"}],"version-history":[{"count":10,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1062\/revisions"}],"predecessor-version":[{"id":12933,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/1062\/revisions\/12933"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=1062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=1062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}