Introducing our new responsive eXtend Control Panel theme - Heart Internet Blog - Focusing on all aspects of the web

We’re proud to announce that there’s a new eXtend Control Panel theme available for our Resellers.

Designed in-house by our Designer Tom Robinson, this new theme is built to be clean, fresh, and modern.

A screenshot of the new eXtend Control Panel theme

A responsive design

You might notice that this theme goes full-width, rather than being trapped in a 912px box. And when you reduce the browser window, the panels move to match, meaning that your control panel is easy to use on your phone or tablet.

A screenshot of the new eXtend Control Panel theme as seen on a Samsung S5

Clearer icons

It’s a little thing, but a nice icon can make all the difference when looking at a control panel. Tom redesigned all the icons as well, making the best use of the space available while also making them clear and easy to understand.

A screenshot of two of the icon panels on the new eXtend Control Panel theme

FTP lock and unlock

When you’re in the middle of building a site, you can forget whether or not you’ve unlocked FTP. You can spend minutes trying to figure out why FTP isn’t working, only to notice that you forgot to hit that one button.

A screenshot of the FTP Locked section of the new eXtend Control Panel theme

It’s now much easier to read, easier to unlock, and provides you with all the information you need.

A screenshot of the Unlocked FTP section on the new eXtend Control Panel theme

How do I get this new theme?

This theme is available for our Resellers to use on their customers’ eXtend Control Panels. It currently works if you haven’t set up a separate domain for your customers’ control panels – it will have to be extendcp.co.uk.

To access it:

  1. Log into your Heart Internet Reseller Control Centre
  2. Scroll down to eXtend Themes in Reseller Preferences
  3. Select the theme from the list
  4. Click Apply Brand
  5. The theme will now appear for your customers

Screenshot of the Manage Control Panel Brands page in the Reseller Control Centre

If you have any custom HTML or CSS, it will be applied to the new theme, so please test how the theme looks before applying it for your customers.

If you don’t mind clearing out your custom edits:

  1. Click Advanced Settings
  2. Click Clear under Upload HTML Template and Upload CSS File and Preview
  3. Click Apply Brand

This will remove your custom edits.

How do I customise the theme?

And if you want to customise the theme, you can easily do so.

There are a range of coloured banners you can apply to the top of the page.

Screenshot of some of the colours available for the new eXtend Control Panel theme

And you can also upload your own image.

Screenshot of an example eXtend Control Panel with a different background image

You can also edit the HTML template and CSS in Advanced Settings.

For example, if you’ve uploaded a banner image and want just a bit of drop shadow on the title:

Screenshot of the CSS customisation section of the Manage Control Panel Brands page

  1. Click Advanced Settings
  2. Click Customise Ready to-go Brand under Upload CSS File and Preview
  3. Scroll down to #header-block
  4. Right underneath the CSS for #header-block, add:
    #header-block p (
    text-shadow: 5px 5px 5px #000000;
    }
  5. Click Apply Brand
  6. You now have a drop shadow on the title and site name

Screenshot of an example eXtend Control Panel with custom CSS included

Do you have any feedback?

We hope you like this new theme. If you have any feedback, please leave a comment below or use our Reseller Feedback Form.

Subscribe to our monthly Heart Internet newsletter, filled with the latest articles about web design, development, building your business, and exclusive offers.

Subscribe now!

Comments

Please remember that all comments are moderated and any links you paste in your comment will remain as plain text. If your comment looks like spam it will be deleted. We're looking forward to answering your questions and hearing your comments and opinions!

Leave a reply

  • Ray

    25/11/2018

    Nothing like keeping up with modern web trends… 5 years after responsive sites were pretty much mandatory!!!

     
    • Kate Bolin

      26/11/2018

      We know it’s a bit delayed, but we’ve been working on it for awhile, making sure that everything works.

      However, let us know if you find any bugs!

       
  • Sheldon

    27/11/2018

    Dear Kate,
    Looks great.
    Please now concentrate on giving us a Responsive HOSTPAY template. This is what we have all been waiting for.

     
  • Andyc

    28/11/2018

    Change the CSS? padding: 5px 0 0 0; to padding: 0; and then the right hand menu will not over lap the google translator!

    A

    .translator {
    position: relative;
    float: right;
    height: 55px;
    width: 220px;
    background: url(images/bg_top_links.png) repeat-x top;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    color: #fff;
    text-align: center;
    padding: 5px 0 0 0;
    }

     
  • 05/12/2018

    Is there a plan to have the updated look on our separate domain? Also when is the webmail going to updated so it can be used easier on mobile devices?

     
    • Kate Bolin

      05/12/2018

      We’re working on having the updating look on separate domains. And we have plans for our webmail platform that will happen in the new year.

       
  • The Hutch

    05/12/2018

    About time! Looks great and hope to try it soon.

     
  • 05/12/2018

    Any chance that you might get around to fixing all of the problems with HostPay? Making it responsive would be great – but a waste of time if it’s still broken and your ex resellers only see it if they look back (in anger!!)

     
Drop us a line 0330 660 0255 or email sales@heartinternet.uk