{"id":1085,"date":"2020-09-09T09:57:46","date_gmt":"2020-09-09T09:57:46","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=1085"},"modified":"2021-01-08T09:26:01","modified_gmt":"2021-01-08T09:26:01","slug":"theme-colors","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/theme-options\/theme-colors\/","title":{"rendered":"Theme Colors"},"content":{"rendered":"<div id=\"pl-1085\"  class=\"panel-layout\" ><div id=\"pg-1085-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default text-dark bg-altsitebg panel-row-style panel-row-style-for-1085-0\" data-stretch-type=\"full\" ><div id=\"pgc-1085-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-1085-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-1085-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:6px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tTheme Colors\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1085-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">You can set <strong>3 main colors<\/strong> and <strong>2<\/strong> <strong>background colors <\/strong>for your website. Changing theme colors at any time will automatically recolor most parts of your site.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-1085-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-1085-1\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-default mobile-default desktop-default push-up-60 clear panel-row-style panel-row-style-for-1085-1\" ><div id=\"pgc-1085-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1085-1-0-0\" class=\"so-panel widget widget_sow-editor panel-first-child panel-last-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<div class=\"alert alert-info\" role=\"alert\"><strong>Theme Options<\/strong> -&gt; General -&gt; Theme Colors<\/div>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1085-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-1085-2\" data-stretch-type=\"full\" ><div id=\"pgc-1085-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-1085-2-0\" ><div id=\"panel-1085-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h2 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tMain Theme Colors\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1085-2-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Main Theme Color:<\/strong> This color serves as a primary theme color and is the most dominant color of your theme. It automatically sets default button and icon colors, page title backgrounds and link hover color.<\/li>\n<li><strong>Secondary Theme Color:<\/strong> An additional color option that can be selected for individual widgets, sections backgrounds, buttons, etc.<\/li>\n<li><strong>Tertiary Theme Color:<\/strong> This color is by default used for dark backgrounds (dark navigation bar, footer, and copyright area). For best results choose a dark shade of any color.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-1085-2-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-1085-2-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h2 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tBackground Colors\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1085-2-0-4\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><b>Site Background Color: <\/b>Defines the background color of your website.<\/li>\n<li><strong>Alternative Background Color <\/strong>(Dentalia 2.0+): An additional background color option used in Page Builder.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-1085-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1085-2-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-colors.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-colors.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"407\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-colors.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><div id=\"panel-1085-2-1-1\" class=\"so-panel widget widget_orion_empty_space_w\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_empty_space_w so-widget-orion_empty_space_w-base\"\n\t\t\t\n\t\t>\t<div class=\"row empty-space visible-lg visible-md visible-sm visible-xs\" style=\"height:30px;\">\r\n\t<\/div><\/div><\/div><\/div><div id=\"panel-1085-2-1-2\" class=\"so-panel widget widget_orion_image_w panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-2-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-bg-colors.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-bg-colors.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"276\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-themeoptions-bg-colors.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-1085-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-1085-3\" data-stretch-type=\"full\" ><div id=\"pgc-1085-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-1085-3-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample A\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1085-3-0-1\" class=\"so-panel widget widget_orion_before_after_w panel-last-child\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-3-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_before_after_w so-widget-orion_before_after_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper img-frame shadow-4\">\t\t\t\r\n\t<div class=\"twentytwenty-container orion-before-after overlay-none overlay-hover-none handle-c-2\" id=\"ba_69e1d1e29b0e9\">\r\n\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-colors-default.jpg\" \r\n\t\t\tclass=\"before\" \r\n\t\t\t\t\t\t\/>\t\r\n\t\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-colors-green.jpg\" class=\"after\" \r\n\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\r\n\t\t<div class=\"overlay\"><\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\tjQuery(window).on('load',function(){\r\n\t\tjQuery(\"#ba_69e1d1e29b0e9\").twentytwenty({\r\n\t\t\tdefault_offset_pct: 0.5, \r\n\t\t\torientation: 'horizontal', \r\n\t\t});\r\n\t});\r\n\t<\/script> <\/div><\/div><\/div><\/div><div id=\"pgc-1085-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-1085-3-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-3-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample B\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-1085-3-1-1\" class=\"so-panel widget widget_orion_before_after_w panel-last-child\" data-index=\"14\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-1085-3-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_before_after_w so-widget-orion_before_after_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper img-frame shadow-4\">\t\t\t\r\n\t<div class=\"twentytwenty-container orion-before-after overlay-none overlay-hover-none handle-c-2\" id=\"ba_69e1d1e29b634\">\r\n\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-colors-default.jpg\" \r\n\t\t\tclass=\"before\" \r\n\t\t\t\t\t\t\/>\t\r\n\t\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-colors-gold.jpg\" class=\"after\" \r\n\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\r\n\t\t<div class=\"overlay\"><\/div>\r\n\t<\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\tjQuery(window).on('load',function(){\r\n\t\tjQuery(\"#ba_69e1d1e29b634\").twentytwenty({\r\n\t\t\tdefault_offset_pct: 0.5, \r\n\t\t\torientation: 'horizontal', \r\n\t\t});\r\n\t});\r\n\t<\/script> <\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Customize the primary, secondary and tertiary colors of your site.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":992,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1085"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=1085"}],"version-history":[{"count":27,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1085\/revisions"}],"predecessor-version":[{"id":3068,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/1085\/revisions\/3068"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/992"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=1085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}