{"id":18052,"date":"2024-01-12T09:14:49","date_gmt":"2024-01-12T02:14:49","guid":{"rendered":"https:\/\/www.makewebeasy.com\/en\/blog\/?post_type=manual-4&#038;p=18052"},"modified":"2024-01-12T09:14:49","modified_gmt":"2024-01-12T02:14:49","slug":"website-theme","status":"publish","type":"manual-4","link":"https:\/\/www.makewebeasy.com\/en\/blog\/manual-4\/website-theme\/","title":{"rendered":"Website Theme"},"content":{"rendered":"<p><span>To customize the website theme users can perform the following steps:<\/span><\/p>\n<p><span>1. Click on the button\u00a0<\/span><b><span>\u201c<span style=\"color: #00ffff;\">Design Website<\/span>\u201d<\/span><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21588 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-620x311.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-620x311.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-920x462.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-1536x772.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219.png 1917w\" alt=\"\" width=\"620\" height=\"311\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-620x311.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-620x311.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-920x462.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-1536x772.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219.png 1917w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on the button <\/span><b><span>\u201c<span style=\"color: #00ffff;\">Website Theme<\/span>\u201d<\/span><\/b><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21589 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1-1536x764.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-220-1.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. There are 5 management systems to choose from:<\/span><\/p>\n<p><span>3.1 Managing website themes<\/span><\/p>\n<p><span>3.2 Font style management<\/span><\/p>\n<p><span>3.3 Website background management<\/span><\/p>\n<p><span>3.4 Button customization management<\/span><\/p>\n<p><span>3.5 Managing my templates<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21586 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-620x310.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218.jpg 1920w\" alt=\"\" width=\"620\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-620x310.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-218.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.1 Managing website themes<\/span><\/b><\/p>\n<p><span>\u00a0 \u00a0 \u00a0 \u00a0 \u00a01.\u00a0<\/span><span>If selecting\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Preset Color<\/span>\u201d <\/span><\/strong><span>click on Set the color you want. Want to customize the color theme? You can continue in point 2.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21595 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-620x310.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222.jpg 1920w\" alt=\"\" width=\"620\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-620x310.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-222.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><strong><span>Additional Notes<\/span><\/strong><\/p>\n<ul>\n<li><strong><span>Current theme<\/span><\/strong><span>\u00a0is the menu theme currently used by the user<\/span><\/li>\n<li><strong><span>Template<\/span><\/strong><span>\u00a0is a set of system menu themes<\/span><\/li>\n<\/ul>\n<p><span>\u00a0 \u00a0 \u00a0 \u00a0 2.\u00a0<\/span><span>Click on the button<\/span>\u00a0<strong><span>\u201c<span style=\"color: #00ffff;\">Custom Design<\/span>\u201d<\/span><\/strong><span>\u00a0to customize the theme<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21594 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-620x310.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223.jpg 1920w\" alt=\"\" width=\"620\" height=\"310\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-620x310.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-620x310.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-920x460.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223-1536x768.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-223.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Users can choose the mode Light Theme or Dark Theme.<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li aria-level=\"1\"><span>Theme Light is a gradation from light to dark shades.\u00a0<\/span><\/li>\n<li aria-level=\"1\"><span>Theme Dark is a gradation from dark to light colors.<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21593 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-224.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. You can click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d\u00a0<\/span><\/strong><span>to set the color theme in rows 2-5<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21592 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-225.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><b><span>Additional Notes<\/span><\/b><\/p>\n<ul>\n<li><span>Row 1 is the default value of the system and cannot be edited by the user.\u00a0<\/span><\/li>\n<\/ul>\n<p><span>5. When you click on<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d\u00a0<\/span><\/strong><span>\u00a0the system will display the Color Picker\u00a0to select the desired color<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21591 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-620x311.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-920x461.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-1536x770.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226.jpg 1920w\" alt=\"\" width=\"620\" height=\"311\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-620x311.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-920x461.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226-1536x770.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-226.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>6. Click on the button<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Apply<\/span>\u201d <\/span><\/strong><span>The system will change the color theme that the user has selected.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21590 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-620x311.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-920x461.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-1536x770.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227.jpg 1920w\" alt=\"\" width=\"620\" height=\"311\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-620x311.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-620x311.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-920x461.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227-1536x770.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-227.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.2 Font style management section\u00a0<\/span><\/b><\/p>\n<p><span>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0When clicking on the bar\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d <\/span><\/strong><span>, it will adjust the font theme of the website. By adjusting this font style the system will fetch the specified font style used in each section of the website.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone  wp-image-21596 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116-620x905.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116-620x905.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116.png 622w\" alt=\"\" width=\"559\" height=\"816\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116-620x905.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116-620x905.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-116.png 622w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><span>1. Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Text<\/span>\u201d\u00a0<\/span><\/strong><span>This will adjust the website&#8217;s font theme<\/span><\/p>\n<p><span>2. Click on the icon\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Pencil<\/span>\u201d\u00a0<\/span><\/strong><span>to edit the font style<\/span><\/p>\n<p><span>3. The system displays the font style settings. Users can set the font style, size, thickness, italics, and color of the font.<\/span><\/p>\n<p><span>4. In the case that users need to upload the fonts themselves, you can click on the button<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Upload Font<\/span>\u201d<\/span><\/strong><span>\u00a0to upload additional copyrighted fonts.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"size-medium wp-image-21597 alignnone lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-620x257.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-620x257.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-920x382.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-1536x637.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228.jpg 1917w\" alt=\"\" width=\"620\" height=\"257\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-620x257.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-620x257.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-920x382.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228-1536x637.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-228.jpg 1917w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.3 Managing the website background\u00a0<\/span><\/b><\/p>\n<p>In case the user designs the website by adding a colored section background, the system will not show the change of the website&#8217;s background theme, unless the user adds a transparent section background. There are three types of backgrounds:<\/p>\n<ul>\n<li aria-level=\"1\"><b><span>Type 1 :\u00a0<\/span><\/b><span>Background \u201ccolor\u201d<\/span><\/li>\n<li aria-level=\"1\"><b><span>Type 2 :\u00a0<\/span><\/b><span>Background \u201cGradient Color\u201d<\/span><\/li>\n<li aria-level=\"1\"><b><span>Type 3 :\u00a0<\/span><\/b><span>Background \u201cImage\u201d\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b><span>Steps to change the background &#8220;color&#8221;<\/span><\/b><\/p>\n<p><span>1. Click on the tab\u00a0<\/span><strong><span><span style=\"color: #00ffff;\">\u201cBackground Website<\/span>\u201d\u00a0<\/span><\/strong><span>to customize the entire background of the website<\/span><\/p>\n<p><span>2. Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Background Format<\/span>\u201d (Dropdowns)<\/span><\/strong><span> Select\u00a0\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21598 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-620x284.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-620x284.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-920x421.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-1536x702.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229.png 1922w\" alt=\"\" width=\"620\" height=\"284\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-620x284.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-620x284.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-920x421.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229-1536x702.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-229.png 1922w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d<\/span><\/strong>\u00a0<span>The system displays Color Picker to set the background color<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21599 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-620x270.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231.jpg 1920w\" alt=\"\" width=\"620\" height=\"270\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-620x270.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-620x270.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-920x401.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231-1536x670.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-231.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21600 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-620x496.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-620x496.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-920x735.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186.png 1086w\" alt=\"\" width=\"620\" height=\"496\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-620x496.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-620x496.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186-920x735.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-186.png 1086w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>Results in case of changing website background color<\/span><\/em><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>Steps for changing the background &#8220;Gradient color&#8221;\u00a0<\/span><\/b><\/p>\n<p><span>1. <\/span><span>Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Background Website<\/span>\u201d\u00a0<\/span><\/strong><span>to customize the entire background. Website<\/span><\/p>\n<p><span>2.<\/span><span>\u00a0Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Background Format<\/span>\u201d (Dropdowns)<\/span><\/strong><span> Select <\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Gradient color<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21603 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-620x267.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-620x267.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-920x396.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-1536x661.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113.jpg 1919w\" alt=\"\" width=\"620\" height=\"267\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-620x267.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-620x267.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-920x396.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113-1536x661.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-113.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Color Box<\/span>\u201d\u00a0<\/span><\/strong><span>that you want to gradient with all 2 colors, along with adjusting the gradient position according to the gradient color level.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21602 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-620x268.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-620x268.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-920x398.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-1536x664.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114.jpg 1921w\" alt=\"\" width=\"620\" height=\"268\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-620x268.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-620x268.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-920x398.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114-1536x664.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-114.jpg 1921w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21601 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-620x467.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-620x467.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-920x693.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187.jpg 1145w\" alt=\"\" width=\"620\" height=\"467\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-620x467.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-620x467.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187-920x693.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-187.jpg 1145w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>Results in case of changing website background color<\/span><\/em><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>Steps for changing the background &#8220;Image&#8221;\u00a0<\/span><\/b><\/p>\n<p><span>1. Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Background Website<\/span>\u201d\u00a0<\/span><\/strong><span>to customize the entire background of the website<\/span><br \/>\n<span>2 Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Background Format<\/span>\u201d (Dropdowns)<\/span><\/strong><span>\u00a0Select as\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Image<\/span>\u201d\u00a0<\/span><\/strong><span>3. Click on the button<strong> \u201c<span style=\"color: #00ffff;\">Browse<\/span>\u201d<\/strong><\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21608 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-620x263.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-620x263.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-920x391.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-1536x652.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232.png 1919w\" alt=\"\" width=\"620\" height=\"263\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-620x263.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-620x263.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-920x391.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232-1536x652.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-232.png 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. The system shows the file management system. Users can click on the button\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Browse<\/span>\u201d<\/span><\/strong><span>\u00a0to upload the desired background image<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21607 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-620x307.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-620x307.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-920x456.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-1536x762.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233.jpg 1920w\" alt=\"\" width=\"620\" height=\"307\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-620x307.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-620x307.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-920x456.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233-1536x762.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-233.jpg 1920w\" data-sizes=\"auto\" \/><\/p>\n<p><span>5. Select the desired background image. Then click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Add Image<\/span>\u201d <\/span><\/strong><span>The system will display the background that the user has selected<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21606 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-620x309.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234.jpg 1919w\" alt=\"\" width=\"620\" height=\"309\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-620x309.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-620x309.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-920x458.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234-1536x765.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-234.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>6. Click on the\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">option (Dropdown)<\/span>\u201d<\/span><\/strong><span>\u00a0to set the image size. There are 3 image size formats:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><span>full size\u00a0<\/span><\/li>\n<li><span>Original size\u00a0<\/span><\/li>\n<li><span>repeating table<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21605 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-620x265.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-620x265.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-920x393.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-1536x656.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235.jpg 1919w\" alt=\"\" width=\"620\" height=\"265\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-620x265.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-620x265.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-920x393.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235-1536x656.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-235.jpg 1919w\" data-sizes=\"auto\" \/><\/p>\n<p><span>7.<\/span><span>\u00a0Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Image position box<\/span>\u201d<\/span><\/strong> <span>to align the background image<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21604 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-620x267.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-620x267.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-920x396.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-1536x661.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236.jpg 1914w\" alt=\"\" width=\"620\" height=\"267\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-620x267.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-620x267.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-920x396.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236-1536x661.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-236.jpg 1914w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21609 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-620x461.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-620x461.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-920x685.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188.jpg 1165w\" alt=\"\" width=\"620\" height=\"461\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-620x461.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-620x461.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188-920x685.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-188.jpg 1165w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>Results in case of changing website background color<\/span><\/em><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.4 Arrangement of buttons<\/span><\/b><\/p>\n<p><span>1. Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Button<\/span>\u201d\u00a0<\/span><\/strong><span>to manage buttons on the website<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21614 lazyautosizes ls-is-cached lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-620x274.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-620x274.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-920x406.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-1536x678.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237.png 1922w\" alt=\"\" width=\"620\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-620x274.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-620x274.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-920x406.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237-1536x678.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-237.png 1922w\" data-sizes=\"auto\" \/><\/p>\n<p><span>2. Click on\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Button style<\/span>\u201d<\/span><\/strong><span>\u00a0to select the button style according to your needs. The system has 3 button styles to choose from:<\/span><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li aria-level=\"1\"><span>\u00a0Square edge button<\/span><\/li>\n<li aria-level=\"1\"><span>\u00a0Rounded edge button<\/span><\/li>\n<li aria-level=\"1\"><span>\u00a0Rounder edge button<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21613 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-620x274.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238.jpg 1918w\" alt=\"\" width=\"620\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-620x274.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-238.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. Users can choose the font style, size, and customize the font they want.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21612 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-620x274.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239.jpg 1918w\" alt=\"\" width=\"620\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-620x274.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-239.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>4. Users can choose the button color and border color they want by choosing both normal show times <\/span><span>and when hovering the mouse.<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21611 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-620x274.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240.jpg 1918w\" alt=\"\" width=\"620\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-620x274.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-240.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><span>5. Users can set the gap distance. Between the border and the content (Padding)<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21610 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-620x274.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241.jpg 1918w\" alt=\"\" width=\"620\" height=\"274\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-620x274.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-620x274.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-920x407.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241-1536x679.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-241.jpg 1918w\" data-sizes=\"auto\" \/><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21615 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-620x483.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-620x483.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-920x716.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189.png 1097w\" alt=\"\" width=\"620\" height=\"483\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-620x483.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-620x483.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189-920x716.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/image-189.png 1097w\" data-sizes=\"auto\" \/><\/p>\n<p><em><span>Results in case of changing website background color<\/span><\/em><\/p>\n<p>&nbsp;<\/p>\n<p><b><span>3.5 Template management<\/span><\/b><\/p>\n<p><span>1. Click on the tab\u00a0<\/span><strong><span>\u201c<span style=\"color: #00ffff;\">Template<\/span>\u201d\u00a0<\/span><\/strong><span>The system displays the currently used My Template<\/span><\/p>\n<p><span>2. To change the template click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Select New Template<\/span>\u201d<\/span><\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21617 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-620x271.png\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-620x271.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-920x403.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-1536x672.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242.png 1924w\" alt=\"\" width=\"620\" height=\"271\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-620x271.png\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-620x271.png 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-920x403.png 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242-1536x672.png 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-242.png 1924w\" data-sizes=\"auto\" \/><\/p>\n<p><span>3. The system displays a pop-up showing all system templates.\u00a0<\/span><\/p>\n<p><span>4. Click on the button<\/span><strong><span> \u201c<span style=\"color: #00ffff;\">Preview<\/span>\u201d<\/span><\/strong><span>\u00a0to preview the template<\/span><\/p>\n<p><span>5. Click on the button<\/span><strong><span>\u00a0\u201c<span style=\"color: #00ffff;\">Select<\/span>\u201d<\/span><\/strong><span>\u00a0to select a template<\/span><\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-medium wp-image-21616 lazyautosizes lazyloaded\" src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-620x312.jpg\" sizes=\"620px\" srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-620x312.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-920x463.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-1536x773.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243.jpg 1913w\" alt=\"\" width=\"620\" height=\"312\" data-src=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-620x312.jpg\" data-srcset=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-620x312.jpg 620w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-920x463.jpg 920w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243-1536x773.jpg 1536w, https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-243.jpg 1913w\" data-sizes=\"auto\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span>Tips:<\/span><\/strong><\/p>\n<ul>\n<li aria-level=\"1\"><span>In case the template is already selected, the website theme will be changed to a completely new theme. The new template will become the home page, while the original home page will become the Custom Page.<\/span><\/li>\n<li aria-level=\"1\"><span>In the case of more than one language, all templates will be changed.<\/span><\/li>\n<\/ul>\n","protected":false},"featured_media":0,"template":"","manual_category_v4":[1796],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v14.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Website 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-4\/website-theme\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Website Theme - MakeWebaEasy Blog\" \/>\n<meta name=\"twitter:description\" content=\"To customize the website theme users can perform the following steps: 1. Click on the button\u00a0\u201cDesign Website\u201d 2. Click on the button \u201cWebsite Theme\u201d 3. There are 5 management systems to choose from: 3.1 Managing website themes 3.2 Font style management 3.3 Website background management 3.4 Button customization management 3.5 Managing my templates &nbsp; 3.1 [&hellip;]\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.makewebeasy.com\/th\/blog\/wp-content\/uploads\/2023\/07\/Group-219-620x311.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.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4\/18052"}],"collection":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual-4"}],"about":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/types\/manual-4"}],"wp:attachment":[{"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/media?parent=18052"}],"wp:term":[{"taxonomy":"manual_category_v4","embeddable":true,"href":"https:\/\/www.makewebeasy.com\/en\/blog\/wp-json\/wp\/v2\/manual_category_v4?post=18052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}