{"id":119,"date":"2016-06-21T19:50:24","date_gmt":"2016-06-21T19:50:24","guid":{"rendered":"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/?p=119"},"modified":"2024-09-29T10:37:52","modified_gmt":"2024-09-29T10:37:52","slug":"how-to-setup-whmcs","status":"publish","type":"post","link":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/how-to-setup-whmcs\/","title":{"rendered":"How to Setup WHMCS?"},"content":{"rendered":"\n<h2 id=\"whmcs-zionhost-template-description\">WHMCS Zionhost Template Description<\/h2>\n\n\n\n<p>There are total <strong>13 <\/strong>WHMCS templates available for you with Zionhost. The 13 templates are:<\/p>\n\n\n\n<ol><li>zionhost-alt-v8.11 <strong>[*Recommended]<\/strong><\/li><li>zionhost-alt-v8.10<\/li><li>zionhost-alt-v8.9<\/li><li>zionhost-alt-v8.8<\/li><li>zionhost-alt-v8.7<\/li><li>zionhost-alt-v8.6<\/li><li>zionhost-alt-v8.5<\/li><li>zionhost-alt-v8.4<\/li><li>zionhost-alt-v8.3<\/li><li>zionhost-alt-v8.2<\/li><li>zionhost-alt-v8.1<\/li><li>zionhost-alt-v8.0<\/li><li>zionhost-alt-v7.10<\/li><\/ol>\n\n\n\n<p>You need to <strong>use just 1 of them<\/strong> in your WHMCS installation. Which one? It depends on which version of WHMCS you are using. Here we are going to explain more so that you can choose the correct one for you:<\/p>\n\n\n\n<ol><li>Use <strong>zionhost-alt-v8.11<\/strong> template <strong>[*Recommended]<\/strong> [ If your WHMCS version is 8.11.0 or later ]<\/li><li>Use <strong>zionhost-alt-v8.10<\/strong> template <strong>[*Recommended]<\/strong> [ If your WHMCS version is 8.10.0 to 8.10.1 ]<\/li><li>Use <strong>zionhost-alt-v8.9<\/strong> template [ If your WHMCS version is 8.9.0 ]<\/li><li>Use <strong>zionhost-alt-v8.8<\/strong> template [ If your WHMCS version is 8.8.0 ]<\/li><li>Use <strong>zionhost-alt-v8.7<\/strong> template [ If your WHMCS version is 8.7.0 to 8.7.3]<\/li><li>Use <strong>zionhost-alt-v8.6<\/strong> template [ If your WHMCS version is 8.6.0 to 8.6.1]<\/li><li>Use <strong>zionhost-alt-v8.5<\/strong> template [ If your WHMCS version is 8.5.0 to 8.5.1 ]<\/li><li>Use <strong>zionhost-alt-v8.4<\/strong> template [ If your WHMCS version is 8.4.0 to 8.4.1 ]<\/li><li>Use <strong>zionhost-alt-v8.3<\/strong> template [ If your WHMCS version is 8.3.0 to 8.3.2 ]<\/li><li>Use <strong>zionhost-alt-v8.2<\/strong> template [ If your WHMCS version is 8.2.0 to 8.2.1 ]<\/li><li>Use <strong>zionhost-alt-v8.1<\/strong> template [ If your WHMCS version is 8.1.0 to 8.1.3 ]<\/li><li>Use <strong>zionhost-alt-v8.0<\/strong> template [ If your WHMCS version is 8.0.0 to 8.0.4 ]<\/li><li>Use <strong>zionhost-alt-v7.10<\/strong> template [ If your WHMCS version is between 7.10.0 to 7.10.2 ]<\/li><\/ol>\n\n\n\n<p><strong>NOTE: To simplify the documentation, we are describing here how to use &#8216;zionhost-alt-v8.2&#8217; in WHMCS version 8.2.x. The instructions are same for the other versions also.<\/strong><\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"zionhost-template-activation-whmcs\">How to upload and activate Zionhost-Alt Template on WHMCS<\/h3>\n\n\n\n<p><strong>Step 1<\/strong>: Access your WHMCS site through FTP or cPanel. Now, navigate to the <strong>\/templates<\/strong> directory of your WHMCS. The following screenshot is the &#8216;templates&#8217; directory of your WHMCS installation.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/templates-folder.png\" alt=\"\" class=\"wp-image-235\"\/><figcaption>WHMCS templates folder location<\/figcaption><\/figure><\/div>\n\n\n<p><strong>Step 2<\/strong>: Upload our given template folder <strong>&#8216;zionhost-alt-v8.2&#8217;<\/strong> into the &#8216;templates&#8217; directory of your WHMCS (as shown above). The following screenshot is showing you the &#8216;zionhost-alt-v8.2&#8217; folder, which is placed in the <strong>WHMCS\/templates<\/strong> folder of your purchased zip file (Zionhost &#8211; Web Hosting and Corporate WP Theme.zip). <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"791\" height=\"151\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location.png 791w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location-300x57.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location-768x147.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location-60x11.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/zionhost-template-location-150x29.png 150w\" sizes=\"(max-width: 791px) 100vw, 791px\" \/><figcaption>Zionhost templates location<\/figcaption><\/figure>\n\n\n\n<p><em>Please note, if you find any of the above-mentioned template folders missing, open the &#8216;<strong>Read-me.txt<\/strong>&#8216; file present there and follow the instructions given in the text file.<\/em><\/p>\n\n\n\n<p><strong>Step 3<\/strong>: After successfully uploading the &#8216;zionhost-alt-v8.2&#8217; folder on your WHMCS, you can activate the template from your WHMCS admin. Login to your WHMCS admin panel and navigate to <strong>Admin > System Settings > General Settings > General<\/strong> tab. In this page you will find <strong>&#8216;Template&#8217;<\/strong> option, where you will choose <strong>&#8216;Zionhost-Alt&#8217;<\/strong> as your template and click on <strong>&#8216;Save Changes&#8217;<\/strong> button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-1024x481.png\"><img loading=\"lazy\" width=\"1024\" height=\"481\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-1024x481.png\" alt=\"\" class=\"wp-image-237\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-1024x481.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-300x141.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-768x361.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-60x28.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt-150x70.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/activate-alt.png 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Choose Zionhost-Alt template<\/figcaption><\/figure><\/div>\n\n\n<p><strong>Zionhost-Alt template is Activated<\/strong>. Now you can visit the front-end of your WHMCS and you will find the template is ready with demo header and footer content.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"zionhost-header-edit\">How to Edit Header Content of the template<\/h3>\n\n\n\n<p><strong>Step 1<\/strong>: First of all make sure your <strong>WordPress website<\/strong>&#8216;s header customization including <a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/how-to-setup-top-navigation-menu\/\">menu creations<\/a> are done.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>: Once you are satisfied then open your WordPress website in a browser and press <strong>ctrl+u<\/strong>. You will see a new tab is opened with the html of your site.<\/p>\n\n\n\n<p><strong>Step 3<\/strong>: Start copying html lines from where it says <strong>&#8216;COPY START FROM THIS LINE TO PLACE THIS INTO THE HEADER.TPL OF WHMCS Zionhost-alt TEMPLATE&#8217;<\/strong> and Stop copying when it says <strong>COPY END TILL THIS LINE TO PLACE THIS INTO THE HEADER.TPL OF WHMCS Zionhost-alt TEMPLATE<\/strong>.<\/p>\n\n\n\n<p><strong>Step 4<\/strong>: Now navigate to the folder &#8216;<strong>zionhost-alt-v8.2<\/strong>&#8216; and &#8216;edit&#8217; the &#8216;<strong>header.tpl<\/strong>&#8216; file and paste the copied html into the header.tpl file. In the header.tpl file you will see a line says <strong>&#8216;CODES FROM ZIONHOST THEME HEADER GOES BELOW (DO not touch the codes above this line)&#8217;<\/strong> and another line says <strong>&#8216;END CODES FROM ZIONHOST THEME HEADER (DO not touch the codes below this line)&#8217;<\/strong>. You should remove all the codes between these two lines and paste your copied html here.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/header-tpl-location.png\" alt=\"\" class=\"wp-image-242\"\/><figcaption>Location of header.tpl file<\/figcaption><\/figure><\/div>\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html.png\"><img loading=\"lazy\" width=\"1024\" height=\"283\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-1024x283.png\" alt=\"\" class=\"wp-image-239\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-1024x283.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-300x83.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-768x212.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-60x17.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html-150x41.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/header-html.png 1252w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Edit header.tpl file<\/figcaption><\/figure>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"zionhost-footer-edit\">How to Edit Footer Content of the template<\/h3>\n\n\n\n<p><strong>Step 1<\/strong>: At first make sure your <strong>WordPress website<\/strong>&#8216;s footer customization are done.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>: Once you are satisfied then open your WordPress website in a browser and press <strong>ctrl+u<\/strong>. You will see a new tab is opened with the html of your site.<\/p>\n\n\n\n<p><strong>Step 3<\/strong>: Start copying html lines from where it says <strong>&#8216;COPY START FROM THIS LINE TO PLACE THIS INTO THE FOOTER.TPL OF WHMCS Zionhost-alt TEMPLATE&#8217;<\/strong> and Stop when it says <strong>&#8216;COPY END TILL THIS LINE TO PLACE THIS INTO THE FOOTER.TPL OF WHMCS Zionhost-alt TEMPLATE&#8217;<\/strong>.<\/p>\n\n\n\n<p><strong>Step 4<\/strong>: Now navigate to the folder &#8216;<strong>zionhost-alt-v8.2<\/strong>&#8216; and &#8216;edit&#8217; the &#8216;<strong>footer.tpl<\/strong>&#8216; file and paste the copied html into the footer.tpl file. In the footer.tpl file you will see a line says <strong>&#8216;CODES FROM ZIONHOST THEME FOOTER GOES BELOW (DO not touch the codes above this line)&#8217;<\/strong> and another line says <strong>&#8216;CODES FROM ZIONHOST THEME FOOTER GOES ABOVE (DO not touch the codes below this line)&#8217;<\/strong>. You should remove all the codes between these two lines and paste your copied html here.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/footer-tpl-location.png\" alt=\"\" class=\"wp-image-246\"\/><figcaption>Location of footer.tpl file<\/figcaption><\/figure><\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html.png\"><img loading=\"lazy\" width=\"1024\" height=\"243\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-1024x243.png\" alt=\"\" class=\"wp-image-240\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-1024x243.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-300x71.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-768x182.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-60x14.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html-150x36.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/footer-html.png 1225w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Edit footer.tpl file<\/figcaption><\/figure><\/div>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"zionhost-order-form\">How to choose correct Order Form<\/h3>\n\n\n\n<p>Zionhost template for WHMCS is built for using the &#8216;Standard Cart&#8217; Order Form template. So, you need to make sure that you have login to your whmcs admin panel and then go to <strong>System Settings &gt; General Settings &gt; Ordering<\/strong> tab and choose &#8216;<strong>Standard Cart<\/strong>&#8216; as your default order form template.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/order-form.png\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/order-form-1024x401.png\" alt=\"\" class=\"wp-image-250\"\/><\/a><figcaption>Standard Cart order form<\/figcaption><\/figure><\/div>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"add-to-menu\">How to Add WHMCS page(s) to WordPress Website Menu<\/h3>\n\n\n\n<p>You can add your WHMCS page as a Custom link of your WordPress Menu. Visit <strong>WP-Admin &gt; Appearance &gt; Menus<\/strong> and then follow the below screenshot.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img src=\"https:\/\/fluentthemes.com\/knowledgebase\/maxhost\/wp-content\/uploads\/2021\/08\/add-to-menu.png\" alt=\"\" class=\"wp-image-252\"\/><figcaption>Linking to WordPress Menu<\/figcaption><\/figure><\/div>\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"change-zionhost-template-color\">How to Change the Color of the Template<\/h3>\n\n\n\n<p>To change the color of your template, please open <strong>header.tpl<\/strong> file and find the following section of codes between around <strong>20 to 40 no. lines<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one.png\"><img loading=\"lazy\" width=\"1024\" height=\"181\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-1024x181.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-1024x181.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-300x53.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-768x135.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-60x11.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-150x26.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one.png 1287w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Color CSS lines<\/figcaption><\/figure>\n\n\n\n<p>From the above code uncomment any of the color css line which you want to use. For example if you want to use the red color, the above section of code should be like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two.png\"><img loading=\"lazy\" width=\"1024\" height=\"201\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-1024x201.png\" alt=\"\" class=\"wp-image-242\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-1024x201.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-300x59.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-768x151.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-60x12.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two-150x29.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-two.png 1137w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption>Uncommenting red color<\/figcaption><\/figure>\n\n\n\n<p>However, if you want a custom color to use instead of any of the pre-defined colors, then the procedure is as follows:<\/p>\n\n\n\n<p>From the header.tpl file uncomment any one color css line. For example, you can uncomment the green color css line:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"181\" src=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-1024x181.png\" alt=\"\" class=\"wp-image-241\" srcset=\"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-1024x181.png 1024w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-300x53.png 300w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-768x135.png 768w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-60x11.png 60w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one-150x26.png 150w, https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-content\/uploads\/2021\/08\/color-one.png 1287w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p>Find that <strong>green.css<\/strong> file from your whmcs template <strong>zionhost-alt-v8.2<\/strong>, which is present in this folder (<strong>css\/zionhostcss\/colors<\/strong>). In that green.css file, Replace all the green color code (<strong>#49a32b<\/strong>) to your custom color code.<\/p>\n\n\n\n<p>For example, your chosen custom color code is this (#FA8072). Then, the css lines of green.css will be like this:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.kbcategories a{\n     color: <strong>#FA8072<\/strong>; \/**<strong><em><strong><em><strong>#FA8072<\/strong> <\/em><\/strong><\/em><\/strong><em><em>is your color code here<\/em><\/em>**\/\n }<\/pre>\n\n\n\n<p><em>Instead of this<\/em> :<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.kbcategories a{\n     color: <strong>#49a32b<\/strong>; \/**<strong><em><strong><em><strong>#49a32b<\/strong> <\/em><\/strong><\/em><\/strong><em><em>is the green color code<\/em><\/em>**\/\n }<\/pre>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"change-zionhost-template-logo\">How to Change the Logo<\/h3>\n\n\n\n<p>To replace the default logo with your logo, please open the <strong>custom.css<\/strong> file, which is located in the <strong>css<\/strong> folder of the template <strong>zionhost-alt-v8.2<\/strong>. Put the following css code at the bottom of the <strong>custom.css<\/strong> file:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">.navbar-brand.logo {\n     background: url(YOUR-LOGO-URL-HERE) no-repeat left 21px !important;\n }\n<span class=\"has-inline-color has-vivid-red-color\">Note: Replace 'YOUR-LOGO-URL-HERE' with your original logo url.<\/span>\nFor example, if your logo url is: https:\/\/www.yourdomain.com\/wp-content\/uploads\/2017\/01\/Logo.png, then the css code will be:\n.navbar-brand.logo {\n     background: url(https:\/\/www.yourdomain.com\/wp-content\/uploads\/2017\/01\/Logo.png) no-repeat left 21px !important;\n }<\/pre>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 id=\"change-zionhost-template-favicon\">How to Change the Favicon<\/h3>\n\n\n\n<p>To replace default favicon with your own favicon, please go to your whmcs template&#8217;s <strong>css\/image<\/strong> folder and find this file: <strong>favicon-16&#215;16.png<\/strong>. Delete this png file and upload your favicon png image in the folder and rename it exactly as &#8216;<strong>favicon-16&#215;16.png<\/strong>&#8216;.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>WHMCS Zionhost Template Description There are total 13 WHMCS templates available for you with Zionhost. The 13 templates are: zionhost-alt-v8.11 [*Recommended] zionhost-alt-v8.10 zionhost-alt-v8.9 zionhost-alt-v8.8 zionhost-alt-v8.7 zionhost-alt-v8.6 zionhost-alt-v8.5 zionhost-alt-v8.4 zionhost-alt-v8.3 zionhost-alt-v8.2 zionhost-alt-v8.1 zionhost-alt-v8.0 zionhost-alt-v7.10 You need to use just 1 of them in your WHMCS installation. Which one? It depends on which version of WHMCS you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[11],"tags":[],"_links":{"self":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/posts\/119"}],"collection":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":0,"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/posts\/119\/revisions"}],"wp:attachment":[{"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/media?parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/categories?post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluentthemes.com\/knowledgebase\/zionhost\/wp-json\/wp\/v2\/tags?post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}