How to Brand Your cPanel Reseller Hosting?

As a website owner, it's important to have complete control over your site. That's where Web Host Manager comes in. WHM is a powerful tool that allows you to manage your website and create custom packages and feature lists. In this article, we'll show you how to use WHM to get complete control of your website.

What Exactly is Reseller Branding on cPanel?

As a website owner, it's important to have full control over your site. That's where Web Host Manager comes in. WHM is a tool that gives users the ability to manage and control every aspect of their website. With WHM, you can create packages and feature lists on cPanel to get complete control over the features of your site.

If you're a reseller, cPanel & WHM give you the ability to create your own branded control panel skins. This way, you can provide your customers with a unique user experience that's all your own. Reseller branding is available in cPanel & WHM version 68 and later.

What are the Pre-Requisites for Branding Hosting Interface of cPanel Reseller?

If you want to brand the cPanel reseller hosting interface, here's what you'll need:

  • An active cPanel account
  • A good understanding of CSS and HTML
  • Command line access
  • Your brand assets, such as logo, template content, and color scheme.

Customization of Reseller Brand in WHM

As a reseller, you have the ability to customize many aspects of the WHM interface to better suit your brand. This includes choosing a logo and name for your company, as well as other interface elements.

To make these customizations, simply log into WHM with your reseller account and go to the "Customization" option under cPanel on the sidebar.

After adding your brand assets to cPanel, you will see the new interface for web hosting. This great tool allows you to easily add your company name, logo, favicon, and set links for documentation and help purposes.

Hosting cPanel Reseller with a Branded Customized Theme

If you want to override the existing cPanel theme, you'll need to work in the File Manager. Log into your cPanel account with reseller privileges, then go to File Manager. From there, you can edit the existing theme or create a completely new one from scratch. Keep in mind that creating a brand-new theme can be difficult if you're not a developer. Therefore, overriding an existing theme may be a more practical solution.

In order to create a new directory for our custom themes, we first need to access the var/cpanel/reseller/styled directory. If there is no styled subdirectory already present, we can create one by clicking the +Folder button.

It's easy to create a new directory within your styled folder - simply choose a name that fits your new theme, avoiding any spaces. cPanel will automatically convert any underscores into spaces when it appears in the interface.

To create a file within your theme's directory, select the +File button. Use the file's name for easy reference when composing your theme.

To change the color of your website's navigation bar, you will need to access the CSS file and make some changes. Follow the steps below to get started.

  • Open the Edit option on the toolbar and navigate to the style.css file.
  • We're going to include the directives of CSS for overwriting the defaults. You should also add the below CSS code to your file styles.css and click on the Save button on the toolbar.
  • .navbar-header {background-color: #3f7cac;}
  • We cannot go into more of CSS in this paragraph, but you will easily find plenty of information from the site of Mozilla Network.

Now that you have a new theme running, your navigation bar will begin to display the updated color from CSS. Soon, you'll have a fully functioning and updated website!

Customizing Reseller Theme Content in cPanel

As a reseller, you have a lot of control over the appearance of your hosting services. With cPanel, you can easily customize the look and feel of your pages by altering templates and adding or replacing text.

The footer and header templates that work on each page in cPanel are named after the feature they correspond to. For example, the templates for FTP pages are called ftp_page_footer.html.tt and ftp_page_header.html.tt.

This makes it easy to change the look of any page on your site quickly and easily.

If you want to create content for cPanel pages, you'll need to generate template files within the var/cpanel/reseller/includes/ directory of your reseller hosting account. Note that this directory may not exist by default, so you may need to create it yourself.

Customization of cPanel Reseller Icons

The cPanel block icons are designed to help you understand what each cPanel tool does. However, if you have a customized layout, you can replace the default icons with ones that match your logo better. For this, you need an image:

  • In PNG format
  • At least 48x48 pixels
  • With a transparent background

Different icons should be used for different things. For example, in cPanel, there is an app_key called "file_manager" which is responsible for icons, templates and other assets. If we want to change the icon for the File Manager, we would rename it to file_manager.png and save it in a folder called "icons" within a custom theme.

To add an icon image to your newly created directory, use the Upload graphic button in the File Manager.

The last step is to create the cPanel icon sprite, which will ensure icons are displayed correctly. To do this, you'll need to access your cloud hosting account via SSH or the Terminal interface in cPanel.

To install your new customized theme, run the command below, replacing "Reseller_Hosting_Theme" with the name of the theme you have selected. For example, if you're using the "paper_lantern" theme, you would type:

Set Theme of Reseller Hosting into Default

cPanel reseller hosting offers many benefits and the final step in the branding process is to set a customized theme as the default. By doing this, resellers can create new cPanel accounts with custom branding. However, before setting the theme as default, it is recommended to generate a preview picture of the interface Change Theme.

To do this, activate the cPanel preview function within your cPanel to get a screenshot of 500 pixels × 500-pixels. Save this file as preview.png and upload it to the theme's folder through File Manager.
To change your cPanel account's theme, go to the "Change Style" option in the user menu of the navigation bar. From there, click on the "Set as Default" option to set your new theme as the default.

Conclusion

Looking to spruce up your web hosting interface? This guide will show you how to customize your UI with unique icons, colors and content. cPanel & WHM's flexible theming system makes it easy to create a branded experience for reseller hosting that will really stand out from the crowd.