{"id":17578,"date":"2021-01-19T10:42:21","date_gmt":"2021-01-19T03:42:21","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual&#038;p=17578"},"modified":"2021-01-19T10:52:57","modified_gmt":"2021-01-19T03:52:57","slug":"customizing-website-font-style-background-button-and-theme","status":"publish","type":"manual","link":"https:\/\/www.devmakewebeasy.com\/en\/blog\/manual\/customizing-website-font-style-background-button-and-theme\/","title":{"rendered":"Customizing Website Font Style, Background, Button, and Theme"},"content":{"rendered":"<p>There are seven sections that you need to customize in order to make your website more attractive<\/p>\n<ul>\n<li>Font style<\/li>\n<li>Background<\/li>\n<li>Button<\/li>\n<li>Theme<\/li>\n<li>Commerce widget<\/li>\n<li>Website navigation<\/li>\n<li>Mourning feature<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Font style for the whole website sections can be adjusted in this part. Set the same font, size, and color for all sections to make your website neat and tidy.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,3,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:13}\"><strong>1. Font style<\/strong> for the whole website sections can be adjusted in this part. Set the same font, size, and color for all sections to make your website neat and tidy<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Font Style&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Font Style<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Set the font style, size, and color for each section&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">3. Set the font style, size, and color for each section<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;4. Click the Save button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,13,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:18}\">4. Click the Save button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Additional instructions: you can use your own font by clicking Upload Font button (the custom fonts must be copyrighted)&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"[null,0,{&quot;9&quot;:1}]\uee10{&quot;1&quot;:23}\"><span style=\"text-decoration: underline;\">Additional instructions<\/span>: you can use your own font by clicking Upload Font button (the custom fonts must be copyrighted)<\/span><\/p>\n<p style=\"padding-left: 40px;\"><img loading=\"lazy\" class=\"size-medium wp-image-17579 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x571.png\" alt=\"\" width=\"620\" height=\"571\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x571.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN.png 631w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17580 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-2-EN.png\" alt=\"\" width=\"620\" height=\"550\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result of the font style adjustment in Introduction, Description, and General sections<\/em><\/p>\n<hr \/>\n<p><strong>2. Set up the background<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Background&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Background<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Choose a background color or upload an image&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">3. Choose a background color or upload an image<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;4. Click the Save button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,13,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:18}\">4. Click the Save button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Note: The background adjustment in this section will apply to the entire website background. In the case of designing a section background, such as the first page will not display unless the background is transparent. Do not put vivid color and too many pictures as it will make your text difficult to read&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"[null,0,{&quot;9&quot;:1}]\uee10{&quot;1&quot;:4}\"><span style=\"text-decoration: underline;\">Note<\/span>: The background adjustment in this section will apply to the entire website background. In the case of designing a section background, such as the first page will not display unless the background is transparent. Do not put vivid color and too many pictures as it will make your text difficult to read<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17581 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN-620x567.png\" alt=\"\" width=\"620\" height=\"567\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN-620x567.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-3-EN.png 627w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17582 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-4-EN.png\" alt=\"\" width=\"620\" height=\"420\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result after changing the background from white to brown<\/em><\/p>\n<hr \/>\n<p><strong>3. Set up the button (order button, contact button, and other buttons)<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Customize button style, put color to font and background, as well as set up the border size both before and when the cursor point the button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">3. Customize button style, put color to font and background, as well as set up the border size both before and when the cursor point the button<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;4. Click the Save button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,13,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:18}\">4. Click the Save button<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17583 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN.png\" alt=\"\" width=\"581\" height=\"573\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN.png 581w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-5-EN-53x53.png 53w\" sizes=\"(max-width: 581px) 100vw, 581px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17584 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-6-EN.png\" alt=\"\" width=\"620\" height=\"321\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result after customizing the button layout and color<\/em><\/p>\n<hr \/>\n<p><strong>4. Set up the theme (theme in the shopping cart, member login, and input field system)<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Theme Color&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Theme Color<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. There are two theme styles you can choose; light and dark theme&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">3. There are two theme styles you can choose; light and dark theme<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;4. Click the Save button&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,13,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:18}\">4. Click the Save button<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17585 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-7-EN.png\" alt=\"\" width=\"556\" height=\"551\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-7-EN.png 556w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-7-EN-53x53.png 53w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17586 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-8-EN-620x282.png\" alt=\"\" width=\"620\" height=\"282\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-8-EN-620x282.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-8-EN-920x418.png 920w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-8-EN.png 1536w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result when you choose the light theme<\/em><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17587 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN-620x276.png\" alt=\"\" width=\"620\" height=\"276\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN-620x276.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN-920x410.png 920w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-9-EN.png 1536w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result when you choose the dark theme<\/em><\/p>\n<hr \/>\n<p><strong>5. Activating Commerce Widget<\/strong><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Commerce Widget&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Commerce Widget<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Swipe On\/Off commerce widget&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,9,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:15}\">3. Swipe On\/Off commerce widget<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17588 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-10-EN.png\" alt=\"\" width=\"556\" height=\"551\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-10-EN.png 556w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-10-EN-53x53.png 53w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17589 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-11-EN-620x263.png\" alt=\"\" width=\"620\" height=\"263\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-11-EN-620x263.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-11-EN.png 920w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result after activating commerce widget appears on the right side of the website<\/em><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Additional instructions: if you want to attach the Price Comparison and Wishlist Product widgets, go to Manage &gt; E-Commerce &gt; Other Settings&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"[null,0,{&quot;9&quot;:1}]\uee10{&quot;1&quot;:23}\"><span style=\"text-decoration: underline;\">Additional instructions<\/span>: if you want to attach the Price Comparison and Wishlist Product widgets, go to Manage &gt; E-Commerce &gt; Other Settings<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17590 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-12-EN-620x263.png\" alt=\"\" width=\"620\" height=\"263\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-12-EN-620x263.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-12-EN.png 920w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The results after activating E-commerce widgets; Price Comparison widget and Wishlist Product widget<\/em><\/p>\n<hr \/>\n<p><strong>6. Activating Website Navigation<\/strong><\/p>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Use website navigation to help visitors know where they are at. It will appear in the product pages, articles, and gallery sections. We recommend enabling this because website navigation (Breadcrumb Navigation) will help increase your SEO efficiency.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">Use website navigation to help visitors know where they are at. It will appear in the product pages, articles, and gallery sections. We recommend enabling this because website navigation (Breadcrumb Navigation) will help increase your SEO efficiency<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Website Navigation&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Website Navigation<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Swipe On\/Off website navigation&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,9,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:15}\">3. Swipe On\/Off website navigation<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17591 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-13-EN.png\" alt=\"\" width=\"556\" height=\"551\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-13-EN.png 556w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-13-EN-53x53.png 53w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-17592 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-14-EN-620x346.png\" alt=\"\" width=\"620\" height=\"346\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-14-EN-620x346.png 620w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-14-EN.png 920w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p style=\"text-align: center;\"><em>The result when activating the Website Navigation on the product details page<\/em><\/p>\n<hr \/>\n<p><strong>7. Set up Mourning Feature<\/strong><\/p>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;The system will turn your website's color tone into 60% grayscale or embed a black ribbon to express condolences&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\">The system will turn your website&#8217;s color tone into 60% grayscale or embed a black ribbon to express condolences<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;1. Navigate to Design&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,15,{&quot;5&quot;:1}]\">1. Navigate to Design<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;2. Select Appearance &gt; Mourning Feature&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,10,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:21}\uee10[null,23,{&quot;5&quot;:1}]\">2. Select Appearance &gt; Mourning Feature<\/span><\/p>\n<p style=\"padding-left: 40px;\"><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;3. Swipe On\/Off Ribbon and Grayscale tone&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:13185,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:1,&quot;11&quot;:4,&quot;12&quot;:0,&quot;15&quot;:&quot;Calibri&quot;,&quot;16&quot;:11}\" data-sheets-textstyleruns=\"{&quot;1&quot;:0}\uee10[null,9,{&quot;5&quot;:1}]\uee10{&quot;1&quot;:15}\">3. Swipe On\/Off Ribbon and Grayscale tone<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-17593 aligncenter\" src=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-15-EN.png\" alt=\"\" width=\"556\" height=\"551\" srcset=\"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-15-EN.png 556w, https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-15-EN-53x53.png 53w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/p>\n","protected":false},"featured_media":0,"template":"","manual_category":[1782],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizing Website Font Style, Background, Button, and Theme - MakeWebaEasy Blog<\/title>\n<meta name=\"robots\" content=\"index, follow\" \/>\n<meta name=\"googlebot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta name=\"bingbot\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.makewebeasy.com\/en\/blog\/manual\/customizing-website-font-style-background-button-and-theme\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Customizing Website Font Style, Background, Button, and Theme - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"There are seven sections that you need to customize in order to make your website more attractive Font style Background Button Theme Commerce widget Website navigation Mourning feature &nbsp; 1. Font style for the whole website sections can be adjusted in this part. Set the same font, size, and color for all sections to make [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/en\/blog\/wp-content\/uploads\/2021\/01\/2.9-\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e1f\u0e2d\u0e19\u0e15\u0e4c-\u0e1e\u0e37\u0e49\u0e19\u0e2b\u0e25\u0e31\u0e07-\u0e1b\u0e38\u0e48\u0e21-\u0e41\u0e25\u0e30\u0e18\u0e35\u0e21\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c-1-EN-620x571.png\" \/>\n<meta name=\"twitter:creator\" content=\"@makewebeasy\" \/>\n<meta name=\"twitter:site\" content=\"@makewebeasy\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","_links":{"self":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual\/17578"}],"collection":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual"}],"about":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual"}],"wp:attachment":[{"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=17578"}],"wp:term":[{"taxonomy":"manual_category","embeddable":true,"href":"https:\/\/www.devmakewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category?post=17578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}