{"id":191,"date":"2022-11-23T06:23:16","date_gmt":"2022-11-23T06:23:16","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=191"},"modified":"2023-09-01T12:01:31","modified_gmt":"2023-09-01T12:01:31","slug":"colors-styles","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/colors-styles\/","title":{"rendered":"Colors &amp; Styles"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"191\" class=\"elementor elementor-191\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-255046c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"255046c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ee70b57\" data-id=\"ee70b57\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-186e069 elementor-widget elementor-widget-text-editor\" data-id=\"186e069\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Go to <strong>WordPress Customizer &gt; Colors &amp; Styles,\u00a0<\/strong>there you can change global color settings. The color of specific elements can be changed when editing a specific element, such as site header, mobile menu, site footer, etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e93cd1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5e93cd1\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfeb215 elementor-widget elementor-widget-pt_title\" data-id=\"dfeb215\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                General Color Settings\t            <\/h6>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-840f807 elementor-widget elementor-widget-text-editor\" data-id=\"840f807\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Please go to\u00a0<strong>WordPress Customizer &gt; Colors &amp; Styles &gt; General Colors<\/strong>, there you can:<\/p><ul><li>Choose a basic color scheme for your site:\u00a0<strong>Light<\/strong>\u00a0or\u00a0<strong>Dark<\/strong>.<\/li><li>You can choose an\u00a0<strong>Primary Accent Color<\/strong>. The accent color will be applied to links (hover state), buttons, and other highlighted elements.<\/li><li>You can set\u00a0<strong>Secondary Accent Color<\/strong><\/li><li>You can also modify text\/background colors for the 2 color schemes.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a7e333 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5a7e333\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e1ff77 elementor-widget elementor-widget-pt_title\" data-id=\"9e1ff77\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Link Colors\t            <\/h6>\t            <div class=\"pt-title-text\">\n\t                <p>Please go to\u00a0<strong>WordPress Customizer &gt; Colors &amp; Styles &gt; Links<\/strong>, there you can set link colors separately for Light &amp; Dark color schemes.<\/p>\t            <\/div>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec4e8ca elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ec4e8ca\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-077702d elementor-widget elementor-widget-pt_title\" data-id=\"077702d\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Default Button Styles and Colors\t            <\/h6>\t            <div class=\"pt-title-text\">\n\t                <p>Please go to\u00a0<strong>WordPress Customizer &gt; Colors &amp; Styles &gt; Buttons<\/strong>, there you can set the\u00a0<strong><em><span class=\"highlighted\">Default Button Shape<\/span><\/em><\/strong>, and\u00a0<em><strong><span class=\"highlighted\">Default Button Colors<\/span><\/strong><\/em>.<\/p><p>These colors and the button shape can be overridden when editing each specific button with <span class=\"highlighted\">Elementor<\/span>.<\/p>\t            <\/div>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93ac738 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"93ac738\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a1e22e elementor-widget elementor-widget-pt_title\" data-id=\"9a1e22e\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Default Form Style Settings\t            <\/h6>\t            <div class=\"pt-title-text\">\n\t                <p>Please go to\u00a0<strong>WordPress Customizer &gt; Colors &amp; Styles &gt; Forms<\/strong>, there you can set the\u00a0<em><strong><span class=\"highlighted\">Global Form Field Style<\/span><\/strong><\/em>, and change the\u00a0<em><strong><span class=\"highlighted\">Field Border Width<\/span><\/strong><\/em>.<\/p>\t            <\/div>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d13d5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"49d13d5\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28e179c elementor-widget elementor-widget-pt_title\" data-id=\"28e179c\" data-element_type=\"widget\" data-widget_type=\"pt_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"pt-title-wrap\">\t            <h6 class=\"pt-title\">\n\t                Blog Meta &amp; Room Subtitle Colors\t            <\/h6>\t            <div class=\"pt-title-text\">\n\t                <p>Please go to\u00a0<strong>WordPress Customizer &gt; Colors &amp; Styles &gt; Others<\/strong>, there you can set the global\u00a0<span class=\"highlighted\">Blog &amp; Post Meta Color<\/span>\u00a0and\u00a0<span class=\"highlighted\">Room Subtitle Color<\/span>.<\/p>\t            <\/div>        <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[13],"class_list":["post-191","ptkb","type-ptkb","status-publish","hentry","ptkb_category-theme-configuration"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":2,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/191\/revisions"}],"predecessor-version":[{"id":1088,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/191\/revisions\/1088"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=191"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}