{"id":1062,"date":"2016-12-13T11:54:50","date_gmt":"2016-12-13T11:54:50","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=1062"},"modified":"2017-08-28T11:27:58","modified_gmt":"2017-08-28T11:27:58","slug":"styling-options","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/theme-options\/styling-options","title":{"rendered":"Styling Options"},"content":{"rendered":"<h3>Styling base options<\/h3>\n<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<h5>Main site colors setup<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13871\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/stylling-base.png\" alt=\"\" width=\"978\" height=\"640\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/stylling-base.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/stylling-base-300x196.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/stylling-base-768x503.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Main site color<\/strong>\u00a0&#8211;\u00a0set\u00a0the main site color.\u00a0Please, find the short list of the elements using this color below:\n<ul>\n<li>Links hover color in vCard Simple Widget<\/li>\n<li>Mask color for Facebook Widget<\/li>\n<li>Menu icon hover color for Custom menu widget in Footer<\/li>\n<li>Read more style hover color for shuffle style<\/li>\n<li>Read more style color for Slide up style<\/li>\n<li>Hover color for the Sort panel items<\/li>\n<li>Quote&#8217;s author on single post page<\/li>\n<li>Pagination&#8217;s hover color<\/li>\n<li>Pagination type &#8211;\u00a0Ajax border color when click on button<\/li>\n<li>Text hover color for author&#8217;s name and category in meta<\/li>\n<li>Play and Volume hover color on Single audio post<\/li>\n<li>Background color in TABBED WIDGET active tab<\/li>\n<li>Active tab title hover color Tabs module<\/li>\n<\/ul>\n<\/li>\n<li><strong>Second site color<\/strong>\u00a0&#8211;\u00a0select\u00a0the second site color. This color is used as\u00a0<strong>default border and delimiter color\u00a0<\/strong>and<strong>\u00a0background color for the popover<\/strong>,\u00a0<strong>the feature for the text editor<\/strong>\u00a0on\u00a0<strong>single post<\/strong>,\u00a0<strong>single portfolio<\/strong>\u00a0and in\u00a0<strong>Text module<\/strong>.<\/li>\n<li><strong>Third site color<\/strong>\u00a0&#8211; set\u00a0the third site color. The color is used in the elements below:\n<ul>\n<li>Category label background color on posts thumbnails.<\/li>\n<li>Comments label background color on posts thumbnails.<\/li>\n<li>Decoration color in Categories widget.<\/li>\n<li>Links background color in Widgets.<\/li>\n<li>Sort panel active element border color.<\/li>\n<li>Blog\/Portfolio\/Shop\/Gallery top link sorce button color.<\/li>\n<li>Categories, tags and author dropdown decoration hover color.<\/li>\n<li>Read more button decoration hover color.<\/li>\n<li>Lock icon color when login form is active.<\/li>\n<li>Checkbox hover color in Login Widget\u00a0button background\u00a0in\u00a0header login form.<\/li>\n<li>Delimiter colors on hover in Filter by sorter on Blog page, Portfolio page and Shop page.<\/li>\n<li>Border of the current category in he sort panel on Blog page and Portfolio page.<\/li>\n<li>Coments counter background on Blog page and Portfolio page.<\/li>\n<li>Category button background on Blog page, Portfolio page and Shop page, in case no custom color is set for the category.<\/li>\n<li>Underline decoration of the links on meta for Blog page and Portfolio page.<\/li>\n<li>Read more decoration on hover for Blog page and Portfolio page.<\/li>\n<li>Product title on hover for Shop page.<\/li>\n<li>Sale badge text color on hover for Shop page and inner Product page.<\/li>\n<li>Submit comment button background color on Post inner page.<\/li>\n<li>Reviews decoration near the title on Product inner page.<\/li>\n<li>Add to cart button background color on Product inner page.<\/li>\n<li>Add to wishlist and Caregories decoration color on hover for Product inner pages.<\/li>\n<li>Tabs border color on Product inner page.<\/li>\n<li>Comments and button background color on hover for Fixed inner pages navigation.<\/li>\n<li>List decoration for Widgets: Categories, Meta, Archives, News Categories List, WooCommerce Product Categories, Categories and Archives.<\/li>\n<li>Vcard Simple widget background.<\/li>\n<li>Login widget button background.<\/li>\n<li>Task Custom Field decoration on Portfolio inner page.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Default title color<\/strong> &#8211; set the title color for the title used in:\n<ul>\n<li>Blockquote color.<\/li>\n<li>Contact block horizontal (icon and texts).<\/li>\n<li>Text color Categories, tags and author dropdown.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Default subtitle color<\/strong> &#8211;\u00a0set the title color for the subtitle.<\/li>\n<li><strong>Border color<\/strong> &#8211; set the color for borders on the site.<\/li>\n<li><strong>Light background color<\/strong> &#8211; this color will be used for sidebar and portfolio description section backgrounds.\n<ul>\n<li>Sidebar background color.<\/li>\n<li>Animated hover background on Blog page and Portfolio page items titles.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5 class=\"description\">Boxed site options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13872\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/boxed.png\" alt=\"\" width=\"978\" height=\"387\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/boxed.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/boxed-300x119.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/boxed-768x304.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\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>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<\/ul>\n<h5 class=\"description\">Body styling options<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13873\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/body.png\" alt=\"\" width=\"978\" height=\"475\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/body.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/body-300x146.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/body-768x373.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\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<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. <strong>5 styles<\/strong> are avaiable.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Styling base options 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<\/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:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1062"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=1062"}],"version-history":[{"count":14,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1062\/revisions"}],"predecessor-version":[{"id":13874,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/1062\/revisions\/13874"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=1062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=1062"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}