{"id":483,"date":"2022-11-27T09:02:07","date_gmt":"2022-11-27T09:02:07","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=483"},"modified":"2023-09-05T08:23:18","modified_gmt":"2023-09-05T08:23:18","slug":"column-color-scheme-setting","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/column-color-scheme-setting\/","title":{"rendered":"Column Color Scheme Setting"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"483\" class=\"elementor elementor-483\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fb96a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fb96a4\" 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-c58b4af\" data-id=\"c58b4af\" 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-547abd3 elementor-widget elementor-widget-text-editor\" data-id=\"547abd3\" 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\tWhen editing a column, you can set its\u00a0<strong><span class=\"highlighted\">Color Scheme<\/span><\/strong>.\n<ol>\n \t<li>For example, your site&#8217;s\u00a0<a href=\"https:\/\/loftocean.com\/doc\/cozystay\/ptkb\/colors-styles\/\">global color scheme<\/a> is set to <strong>&#8220;Light&#8221;<\/strong>, and you want to change one column to &#8220;<strong>Dark Color Scheme&#8221;<\/strong>. So you change the column&#8217;s background color to dark, and now you will find that the content (text or\/and icons, etc.) cannot be seen clearly because they are also dark. The quick solution is the change the column&#8217;s color scheme: please find <strong>[CozyStay] Color Scheme<\/strong>.<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-1168\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color.jpg\" alt=\"\" width=\"2400\" height=\"1500\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color.jpg 2400w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-300x188.jpg 300w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-1024x640.jpg 1024w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-768x480.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-1536x960.jpg 1536w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-2048x1280.jpg 2048w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-1920x1200.jpg 1920w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-1440x900.jpg 1440w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-1200x750.jpg 1200w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-780x488.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-600x375.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-550x344.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-370x231.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-255x159.jpg 255w\" sizes=\"(max-width: 2400px) 100vw, 2400px\" \/><\/a><\/li>\n \t<li>There are 3 options:\n<ul>\n \t<li><strong>Inherit<\/strong>\u00a0&#8211; Inherit your global color mode settings. When changing the global color mode, the color mode of the column will also change.<\/li>\n \t<li><strong>Light<\/strong>\u00a0&#8211; Change to Light Color Mode. It does NOT affect the background setting for the column, but the content in the column will change to dark so that it can be seen on a light background. When changing the global color mode, the color mode of the column does not change.<\/li>\n \t<li><strong>Dark<\/strong>\u00a0&#8211; Change to Dark Color Mode. It does NOT affect the background setting for the column, but the content in the column will change to white (or light grey) so that it can be seen on a dark background. When changing the global color mode, the color mode of the column does not change.<\/li>\n<\/ul>\n<a href=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-1169\" src=\"http:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options.jpg\" alt=\"\" width=\"490\" height=\"885\" srcset=\"https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options.jpg 997w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-166x300.jpg 166w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-567x1024.jpg 567w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-768x1387.jpg 768w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-851x1536.jpg 851w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-780x1408.jpg 780w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-600x1083.jpg 600w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-550x993.jpg 550w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-370x668.jpg 370w, https:\/\/loftocean.com\/doc\/cozystay\/wp-content\/uploads\/sites\/7\/2023\/09\/cs-column-color-options-255x460.jpg 255w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/a><\/li>\n \t<li><strong><span class=\"highlighted\">Please note:<\/span><\/strong>\u00a0If the color of an element in this column is changed, for example, you change the color of an icon to blue, then changing the color scheme of this column will not affect it, the icon color will always be blue.<\/li>\n<\/ol>\t\t\t\t\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":[2],"class_list":["post-483","ptkb","type-ptkb","status-publish","hentry","ptkb_category-elementor-settings"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/483","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":4,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/483\/revisions"}],"predecessor-version":[{"id":1173,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb\/483\/revisions\/1173"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/cozystay\/wp-json\/wp\/v2\/ptkb_category?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}