{"id":5455,"date":"2021-08-26T09:04:37","date_gmt":"2021-08-26T09:04:37","guid":{"rendered":"https:\/\/chemicloud.com\/kb\/?post_type=ht_kb&#038;p=5455"},"modified":"2022-03-18T09:58:59","modified_gmt":"2022-03-18T09:58:59","slug":"how-to-add-your-custom-logo-to-the-website-builder","status":"publish","type":"ht_kb","link":"https:\/\/chemicloud.com\/kb\/article\/how-to-add-your-custom-logo-to-the-website-builder\/","title":{"rendered":"How to Add Your Custom Logo to the Website Builder"},"content":{"rendered":"<p>If you have a logo for your website or business and want that logo to appear on all the pages in your Website which you have built using the Website Builder, there&#8217;s an option for that!<\/p>\n<p>This knowledgebase article will guide you through adding your custom logo to the website!<\/p>\n    \t\t<div class=\"hts-messages hts-messages--info   hts-messages--withicon \"   >\r\n    \t\t\t    \t\t\t    \t\t\t\t<p>\r\n    \t\t\t\t\tCreating your website doesn\u2019t have to be a hassle. Our <a href=\"https:\/\/chemicloud.com\/website-builder\/#60b65e4e63b58\" target=\"_blank\" rel=\"noopener\">website builder<\/a> makes it easy to create a beautiful website in minutes without coding or design skills.     \t\t\t\t<\/p>\r\n    \t\t\t    \t\t\t\r\n    \t\t<\/div><!-- \/.ht-shortcodes-messages -->\r\n    \t\t\n<h2 id=\"how-to-add-your-custom-logo-to-the-website-builder\">How to Add Your Custom Logo to the Website Builder<\/h2>\n<p><strong>Step 1:<\/strong> Login to your cPanel. There&#8217;s a lot of ways to do this, but the sure fire easiest way is to login to your <a href=\"https:\/\/lab.chemicloud.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Client Area<\/a>, then open your cPanel.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4061\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab.jpg\" alt=\"\" width=\"1674\" height=\"496\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab.jpg 1674w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-300x89.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-1024x303.jpg 1024w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-768x228.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-50x15.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-1536x455.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-60x18.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2020\/12\/lab-100x30.jpg 100w\" sizes=\"auto, (max-width: 1674px) 100vw, 1674px\" \/><\/p>\n<p><strong>Step 2:<\/strong> Scroll down to the Software section and open the Website Builder:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5423\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-783x270.jpg\" alt=\"\" width=\"643\" height=\"222\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-783x270.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-300x103.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-768x264.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-50x17.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-60x21.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1-100x34.jpg 100w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/1.jpg 1330w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><\/p>\n<p><strong>Step 3:<\/strong> Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5430\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-783x403.jpg\" alt=\"\" width=\"643\" height=\"331\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-783x403.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-300x154.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-768x395.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-50x26.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-1536x790.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-60x31.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8-100x51.jpg 100w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/8.jpg 1885w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/><\/a><strong>Step 4:<\/strong> To add your custom logo, you need to access the Header that is on every page. To do this, click Pages from the menu on the left then click All Pages.<\/p>\n<p>Next, click Edit next to Header.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5458\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3.jpg\" alt=\"\" width=\"1918\" height=\"1041\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-300x163.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-783x425.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-768x417.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-50x27.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-1536x834.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-60x33.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/3-3-100x54.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p><strong>Step 5:<\/strong> The page editor will open and you will be able to modify the 3 widgets at the top.<\/p>\n<p>See the GIF below to see where each widget is placed:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/showingwidgets.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5459\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/showingwidgets.gif\" alt=\"\" width=\"1904\" height=\"1099\" \/><\/a><\/p>\n<ul>\n<li>On the left, the &#8220;My Website&#8221; area is it&#8217;s own widget.<\/li>\n<li>In the center is the widget which contains the top menu for your website.<\/li>\n<li>To the right is the widget which currently contains social media links.<\/li>\n<\/ul>\n<p>To edit one of these areas, click the pencil while hovering over that area. See below:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5460\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit.jpg\" alt=\"\" width=\"381\" height=\"252\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit.jpg 381w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit-300x198.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit-50x33.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit-60x40.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4edit-100x66.jpg 100w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/a><\/p>\n<p>To add your custom logo, you&#8217;ll need to delete the widget:<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5461\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete.jpg\" alt=\"\" width=\"381\" height=\"252\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete.jpg 381w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete-300x198.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete-50x33.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete-60x40.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/4delete-100x66.jpg 100w\" sizes=\"auto, (max-width: 381px) 100vw, 381px\" \/><\/a><\/p>\n<p>The widgets menu will appear from the left. Choose an Image widget.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/imagewidget.gif\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5462\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/imagewidget.gif\" alt=\"\" width=\"1904\" height=\"1437\" \/><\/a><\/p>\n<p>Note, the menu on the left has changed from the widget selector to the Edit Image settings. Click into the space where it says &#8220;Choose Your Image&#8221; to open the Media Library.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5463\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2.jpg\" alt=\"\" width=\"993\" height=\"578\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2.jpg 993w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-300x175.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-783x456.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-768x447.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-50x29.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-60x35.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/5-2-100x58.jpg 100w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/a><\/p>\n<p>Once the Media Library is open, click &#8220;Upload Files&#8221; at the top to upload your custom image.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5464\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1.jpg\" alt=\"\" width=\"1919\" height=\"1932\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1.jpg 1919w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-298x300.jpg 298w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-778x783.jpg 778w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-150x150.jpg 150w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-768x773.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-50x50.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-1526x1536.jpg 1526w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-80x80.jpg 80w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-60x60.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/6-1-100x100.jpg 100w\" sizes=\"auto, (max-width: 1919px) 100vw, 1919px\" \/><\/a><\/p>\n<p>To upload files, drag and drop them anywhere on the page, or use the &#8220;Select Files&#8221; button in the middle of the page to select them from the file picker.<\/p>\n<p>When you&#8217;ve finished, click Insert at the bottom left. The image will be inserted into the header which is used on all of your pages.<\/p>\n<p><a href=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5465\" src=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1.jpg\" alt=\"\" width=\"1918\" height=\"1105\" srcset=\"https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1.jpg 1918w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-300x173.jpg 300w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-783x451.jpg 783w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-768x442.jpg 768w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-50x29.jpg 50w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-1536x885.jpg 1536w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-60x35.jpg 60w, https:\/\/chemicloud.com\/kb\/wp-content\/uploads\/2021\/05\/7-1-100x58.jpg 100w\" sizes=\"auto, (max-width: 1918px) 100vw, 1918px\" \/><\/a><\/p>\n<p>And that&#8217;s how you insert your custom logo on your website which you created using the website builder.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have a logo for your website or business and want that logo to appear on all the pages in your Website which you have built using the Website Builder, there&#8217;s an option for that! This knowledgebase article will guide you through adding your custom logo to the website!&#8230;<\/p>\n","protected":false},"author":10,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"ht-kb-category":[225],"ht-kb-tag":[],"class_list":["post-5455","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-website-builder-getting-started"],"_links":{"self":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/comments?post=5455"}],"version-history":[{"count":5,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5455\/revisions"}],"predecessor-version":[{"id":7163,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb\/5455\/revisions\/7163"}],"wp:attachment":[{"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/media?parent=5455"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=5455"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/chemicloud.com\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=5455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}