{"id":2289,"date":"2025-03-12T21:18:30","date_gmt":"2025-03-12T21:18:30","guid":{"rendered":"https:\/\/phox.whmcsdes.com\/docs\/?p=2289"},"modified":"2025-03-12T21:40:51","modified_gmt":"2025-03-12T21:40:51","slug":"how-to-create-a-custom-header","status":"publish","type":"post","link":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/","title":{"rendered":"How to Create a Custom Header"},"content":{"rendered":"\n<p>The Phox WHMCS Client Theme comprises small elements that can be easily overwritten using the functions described below. The following functionality is entirely safe and your changes will not be overwritten by future Phox product updates. However, you need to remember to compare and merge changes from the latest Phox release.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to &#8220;\/templates\/phox\/&#8221;, find &#8220;header.tpl&#8221; and copy it.<\/li>\n\n\n\n<li>Create overwrites folder on this path &#8220;\/templates\/phox\/&#8221;<\/li>\n\n\n\n<li>Paste the file inside the &#8220;overwrites&#8221; folder.<\/li>\n\n\n\n<li>Open the file and keep the code between the &#8220;else&#8221; condition. and remove the the if condition. <img fetchpriority=\"high\" decoding=\"async\" width=\"950\" height=\"439\" class=\"wp-image-2295\" style=\"width: 950px;\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\" alt=\"\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg 1199w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min-300x139.jpg 300w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min-1024x473.jpg 1024w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min-768x355.jpg 768w\" sizes=\"(max-width: 950px) 100vw, 950px\" \/><\/li>\n\n\n\n<li>The Final version will be like that <img decoding=\"async\" width=\"850\" height=\"507\" class=\"wp-image-2297\" style=\"width: 850px;\" src=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/final.jpg\" alt=\"\" srcset=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/final.jpg 1129w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/final-300x179.jpg 300w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/final-1024x610.jpg 1024w, https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/final-768x458.jpg 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>The Phox WHMCS Client Theme comprises small elements that can be easily overwritten using the functions described below. The following functionality is entirely safe and your changes will not be overwritten by future Phox product updates. However, you need to remember to compare and merge changes from the latest Phox release.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[37],"tags":[77,39],"class_list":["post-2289","post","type-post","status-publish","format-standard","hentry","category-whmcs","tag-header","tag-whmcs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Custom Header - Phox Documentation<\/title>\n<meta name=\"description\" content=\"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Custom Header - Phox Documentation\" \/>\n<meta property=\"og:description\" content=\"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\" \/>\n<meta property=\"og:site_name\" content=\"Phox Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/whmcsdes\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-12T21:18:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-12T21:40:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\" \/>\n<meta name=\"author\" content=\"ijeto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:site\" content=\"@whmcsdes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ijeto\" \/>\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:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\"},\"author\":{\"name\":\"ijeto\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\"},\"headline\":\"How to Create a Custom Header\",\"datePublished\":\"2025-03-12T21:18:30+00:00\",\"dateModified\":\"2025-03-12T21:40:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\"},\"wordCount\":106,\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\",\"keywords\":[\"header\",\"whmcs\"],\"articleSection\":[\"WHMCS\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\",\"name\":\"How to Create a Custom Header - Phox Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\",\"datePublished\":\"2025-03-12T21:18:30+00:00\",\"dateModified\":\"2025-03-12T21:40:51+00:00\",\"description\":\"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.\",\"breadcrumb\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg\",\"width\":1199,\"height\":554},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/phox.whmcsdes.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Custom Header\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#website\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"name\":\"Phox Documentation\",\"description\":\"Hosting WordPress Theme\",\"publisher\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#organization\",\"name\":\"WHMCSdes\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"contentUrl\":\"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png\",\"width\":400,\"height\":400,\"caption\":\"WHMCSdes\"},\"image\":{\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/whmcsdes\",\"https:\/\/x.com\/whmcsdes\",\"https:\/\/www.instagram.com\/whmcsdes\/\",\"https:\/\/www.linkedin.com\/company\/whmcsdes\",\"https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f\",\"name\":\"ijeto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g\",\"caption\":\"ijeto\"},\"sameAs\":[\"http:\/\/phox.whmcsdes.com\/docs\"],\"url\":\"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Custom Header - Phox Documentation","description":"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.","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:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Custom Header - Phox Documentation","og_description":"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.","og_url":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/","og_site_name":"Phox Documentation","article_publisher":"https:\/\/www.facebook.com\/whmcsdes","article_published_time":"2025-03-12T21:18:30+00:00","article_modified_time":"2025-03-12T21:40:51+00:00","og_image":[{"url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg","type":"","width":"","height":""}],"author":"ijeto","twitter_card":"summary_large_image","twitter_creator":"@whmcsdes","twitter_site":"@whmcsdes","twitter_misc":{"Written by":"ijeto","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#article","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/"},"author":{"name":"ijeto","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f"},"headline":"How to Create a Custom Header","datePublished":"2025-03-12T21:18:30+00:00","dateModified":"2025-03-12T21:40:51+00:00","mainEntityOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/"},"wordCount":106,"publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg","keywords":["header","whmcs"],"articleSection":["WHMCS"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/","url":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/","name":"How to Create a Custom Header - Phox Documentation","isPartOf":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage"},"thumbnailUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg","datePublished":"2025-03-12T21:18:30+00:00","dateModified":"2025-03-12T21:40:51+00:00","description":"The Phox WHMCS Client Theme comprises small elements that can be easily overwritten.","breadcrumb":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#primaryimage","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2025\/03\/header-info-min.jpg","width":1199,"height":554},{"@type":"BreadcrumbList","@id":"https:\/\/phox.whmcsdes.com\/docs\/how-to-create-a-custom-header\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/phox.whmcsdes.com\/docs\/"},{"@type":"ListItem","position":2,"name":"How to Create a Custom Header"}]},{"@type":"WebSite","@id":"https:\/\/phox.whmcsdes.com\/docs\/#website","url":"https:\/\/phox.whmcsdes.com\/docs\/","name":"Phox Documentation","description":"Hosting WordPress Theme","publisher":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/phox.whmcsdes.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/phox.whmcsdes.com\/docs\/#organization","name":"WHMCSdes","url":"https:\/\/phox.whmcsdes.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","contentUrl":"https:\/\/phox.whmcsdes.com\/docs\/wp-content\/uploads\/2020\/10\/logo-wdes.png","width":400,"height":400,"caption":"WHMCSdes"},"image":{"@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/whmcsdes","https:\/\/x.com\/whmcsdes","https:\/\/www.instagram.com\/whmcsdes\/","https:\/\/www.linkedin.com\/company\/whmcsdes","https:\/\/www.youtube.com\/channel\/UC8fIGmE0nDeKXizKml3wV5w"]},{"@type":"Person","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/ac6ec1f4e42b1b805b9525d05e90fd4f","name":"ijeto","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/phox.whmcsdes.com\/docs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6896e83e636388dbfdd81beba7b9795b1dce0ff373786cba2f347a62896f1c39?s=96&d=mm&r=g","caption":"ijeto"},"sameAs":["http:\/\/phox.whmcsdes.com\/docs"],"url":"https:\/\/phox.whmcsdes.com\/docs\/author\/ijeto\/"}]}},"_links":{"self":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/comments?post=2289"}],"version-history":[{"count":5,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2289\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/posts\/2289\/revisions\/2299"}],"wp:attachment":[{"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/media?parent=2289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/categories?post=2289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/phox.whmcsdes.com\/docs\/wp-json\/wp\/v2\/tags?post=2289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}