{"id":722,"date":"2023-05-20T17:46:11","date_gmt":"2023-05-20T16:46:11","guid":{"rendered":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/changing-text-color\/"},"modified":"2023-05-20T17:50:19","modified_gmt":"2023-05-20T16:50:19","slug":"changing-text-color","status":"publish","type":"docs","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/changing-text-color\/","title":{"rendered":"Changing text color"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">By formatting your text, you can make your site more visually appealing, grab visitors&#8217; attention, and point out key information.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow the instructions below to change the color of the text on your site.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the color for a specific text element<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the color for a specific part of your text to highlight some key points, headings, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. For that, select the needed text and click on\u00a0<strong>Text color<\/strong>\u00a0in a pop-up menu:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st-1024x492.png\" alt=\"\" class=\"wp-image-723\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st-1024x492.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st-300x144.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st-768x369.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st-1536x738.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1057-1_km55st.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Choose one of the colors offered or click on the\u00a0<strong>Custom color<\/strong>\u00a0to pick a color from a palette:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it-1024x538.png\" alt=\"\" class=\"wp-image-725\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it-1024x538.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it-300x158.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it-768x403.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it-1536x806.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1058-1_1hiv1it.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the site color palette<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can also change the color of several text elements across the site at the same time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. For that, click on the\u00a0<strong>Site style<\/strong>\u00a0icon on the toolbar in the editor:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1lyifw3-1024x383.png\" alt=\"\" class=\"wp-image-726\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1lyifw3-1024x383.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1lyifw3-300x112.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1lyifw3-768x288.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/en1_1lyifw3.png 1525w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">2. Navigate to the\u00a0<strong>Colors<\/strong>\u00a0tab, hover over the current site palette, and click\u00a0<strong>Edit<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1-1024x661.png\" alt=\"\" class=\"wp-image-727\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1-1024x661.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1-300x194.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1-768x496.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1-1536x992.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1059-1_15n2tx1.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">3. In the new window, change the colors to see which text elements they affect, then click\u00a0<strong>Done<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"743\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu-1024x743.png\" alt=\"\" class=\"wp-image-728\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu-1024x743.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu-300x218.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu-768x557.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu-1536x1115.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1060-3_3sf0hu.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">4. You can also change the site color palette completely by selecting a ready-made set from our gallery:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72-1024x633.png\" alt=\"\" class=\"wp-image-729\" srcset=\"https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72-1024x633.png 1024w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72-300x185.png 300w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72-768x475.png 768w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72-1536x949.png 1536w, https:\/\/greatsite.dev\/makegreatsite\/wp-content\/uploads\/template-1061-1_2gpt72.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Don&#8217;t forget to publish your site for the changes appear live.<\/p>\n","protected":false},"featured_media":0,"parent":111,"menu_order":35,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-722","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/comments?post=722"}],"version-history":[{"count":1,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/722\/revisions"}],"predecessor-version":[{"id":730,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/722\/revisions\/730"}],"up":[{"embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/111"}],"next":[{"title":"Changing site's font","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/changing-sites-font\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/731"}],"prev":[{"title":"File download","link":"https:\/\/greatsite.dev\/makegreatsite\/docs\/site-editing\/file-download\/","href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/docs\/714"}],"wp:attachment":[{"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/media?parent=722"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/greatsite.dev\/makegreatsite\/wp-json\/wp\/v2\/doc_tag?post=722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}