Branding the Speck Host WHMCS theme Print

  • custom css, speck host, theme, whmcs, logo, colors, branding
  • 0

 

You can brand Speck Host without editing the theme's template files.

Your logo

Go to Configuration > System Settings > General Settings > General and set Logo URL. If no logo is set, the theme shows a server icon next to your Company Name.

Phone, email, address and homepage text

Everything else lives in one file: templates/speckhost/includes/speck-config.tpl. Open it in cPanel File Manager and change the values between the quotes. This includes:

  • Phone number, email and address
  • The header "Get Started" button
  • Homepage headline, text, buttons and the four numbers under the headline
  • The dark status console on the homepage
  • The four homepage features and the call-to-action banner
  • Footer text, column titles and optional privacy and acceptable use links

To hide something, leave its value empty, like this: value=''. To hide the status console, features or banner, change true to false.

Colors

Put your own CSS in templates/speckhost/css/custom.css. It loads after the theme, so it always wins. For example, to change the main blue:

:root{ --wire:#7B3FE4; --wire-dark:#5B25C0; }

Other colors you can change the same way: --ink (dark panels and text), --paper (page background), --signal (green status lights) and --volt (yellow buttons).

Menus

The header uses the normal WHMCS menus, so any links you or your addons add show up automatically.

Changes not showing?

Press Ctrl+F5 to reload without your browser's cache. If you use Cloudflare or a caching plugin, purge its cache too.


Was this answer helpful?

« Back