{"id":3999,"date":"2016-11-03T16:32:32","date_gmt":"2016-11-03T16:32:32","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2016\/11\/03\/change-front-end-logo\/"},"modified":"2021-08-16T22:40:51","modified_gmt":"2021-08-17T02:40:51","slug":"change-front-end-logo","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/","title":{"rendered":"How to Change the Front End Logo"},"content":{"rendered":"

After installing WHMCS onto your site, you may want to change the client side logo to your own. This way you can continue your branding in this area. This article shows you how to replace the default WHMCS logo with your own.<\/p>\n

How to Change Your Front End Logo in WHMCS<\/h2>\n
    \n
  1. Log into cPanel<\/a>.\n
    <\/div>\n<\/li>\n
  2. \"Click<\/a>\n
    <\/div>\n

    Click File Manager<\/strong>.<\/p>\n

    <\/div>\n<\/li>\n
  3. \"Navigate<\/a>\n
    <\/div>\n

    Navigate to the root folder for your WHMCS install, then go to the templates\/six\/img<\/i> folder.<\/p>\n

    <\/div>\n
    NOTE: <\/b>Newer versions of WHMCS use a different path for the logo file: assets\/img\/<\/i>. Be sure to use the appropriate location based on your installation.<\/div>\n<\/li>\n
  4. \"Rename<\/a>\n
    <\/div>\n

    Rename the existing logo.png<\/em> file.<\/p>\n

    <\/div>\n<\/li>\n
  5. \"Click<\/a>\n
    <\/div>\n

    Click Upload<\/strong>.<\/p>\n

    <\/div>\n<\/li>\n
  6. \"Click<\/a>\n
    <\/div>\n

    Click Select File<\/strong>.<\/p>\n

    <\/div>\n<\/li>\n
  7. \"Find<\/a>\n
    <\/div>\n

    Navigate to your logo file. Select it and then click on the Open<\/strong> button.<\/p>\n

    <\/div>\n<\/li>\n
  8. Click Upload<\/strong>.\n
    <\/div>\n<\/li>\n<\/ol>\n

    Once you have uploaded your own logo, revisit your site and you will see the logo has changed. Your visitors will now see your own branded logo instead of the default WHMCS logo.<\/p>\n\n\n\n\n
    Before<\/th>\nAfter<\/th>\n<\/tr>\n
    \"before<\/a>\n
    <\/div>\n<\/td>\n
    		\"after<\/a>\n
    <\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

    After installing WHMCS onto your site, you may want to change the client side logo to your own. This way you can continue your branding in this area. This article shows you how to replace the default WHMCS logo with your own. How to Change Your Front End Logo in WHMCS Log into cPanel. Click Read More ><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4289],"tags":[],"class_list":["post-3999","post","type-post","status-publish","format-standard","hentry","category-whm"],"acf":[],"yoast_head":"\nHow to Change the Front End Logo | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Change the Front End Logo | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-03T16:32:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T02:40:51+00:00\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"How to Change the Front End Logo\",\"datePublished\":\"2016-11-03T16:32:32+00:00\",\"dateModified\":\"2021-08-17T02:40:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\"},\"wordCount\":169,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"articleSection\":[\"WebHost Manager (WHM)\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\",\"name\":\"How to Change the Front End Logo | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"datePublished\":\"2016-11-03T16:32:32+00:00\",\"dateModified\":\"2021-08-17T02:40:51+00:00\",\"description\":\"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Change the Front End Logo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Change the Front End Logo | InMotion Hosting","description":"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/","og_locale":"en_US","og_type":"article","og_title":"How to Change the Front End Logo | InMotion Hosting","og_description":"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2016-11-03T16:32:32+00:00","article_modified_time":"2021-08-17T02:40:51+00:00","author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"How to Change the Front End Logo","datePublished":"2016-11-03T16:32:32+00:00","dateModified":"2021-08-17T02:40:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/"},"wordCount":169,"commentCount":1,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"articleSection":["WebHost Manager (WHM)"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/","name":"How to Change the Front End Logo | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"datePublished":"2016-11-03T16:32:32+00:00","dateModified":"2021-08-17T02:40:51+00:00","description":"Looking to change the client side logo for your WHMCS to your own? Learn how in this quick tutorial!","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/whm\/change-front-end-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Change the Front End Logo"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=3999"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3999\/revisions"}],"predecessor-version":[{"id":83927,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3999\/revisions\/83927"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=3999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=3999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=3999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}