How to rebrand the plugin

Login Lockdown Documentation

Unlike White Labeling, Branding lets you change the plugin’s name, logo, and appearance completely.

That way, you can present Login Lockdown as a completely new plugin with your brand colors all over it.

  1. Open and log in,
  2. Go to the “Brands” page,
  3. Click “Add New Brand”.

Dashboard Brands

General Plugin Info

A new page with all the essential rebranding information will open up. Here you can edit your brand’s details before applying it to a specific license.

  • Plugin Name – Choose the name of the plugin. It can be anything you want, but we suggest keeping it up to 40 characters; it must be longer than three characters. This name is shown in various locations in the plugin where there’s enough space, so the short name is unnecessary.
  • Plugin Short Name – Used in various menus where space is limited. For best results, use an abbreviated name up to 10 characters long.
  • Plugin Site URL – If you want to link the rebranded plugin to your agency site, you can leave the link here.
  • Company Name – Your company’s name. It’s shown in various places in the plugin. Keep it up to 30 characters long.
  • Company Site URL – Your company’s website URL. Write a full URL with https:// prefix. If needed, leave it blank.
  • Note – The note is visible only to you in the dashboard and serves as an organizational aid.

General Plugin Info

Plugin Visual

Just changing the general info will probably be enough. But if you want a complete rebrand, you will also want to change the plugin visuals. Here you can add your own logo, change colors, add your own content, and even write custom CSS to change the look of the plugin completely.

  • Main Brand Color – The plugin admin screen is rebranded based on this color which is used as an accent color in most places. Click to choose the color or write the hexadecimal value.
  • Logo – drag and drop the file into the box. Best results are achieved with square or wide logos with a height of about 50px. Using just an icon with a 1:1 ratio works well too. When uploading a logo for a brand, please mind these min/max image size values:
    • Height between 32px and 100px
    • Width between 32px and 500px
    • Max file size 500Kb

Custom Admin CSS – Custom CSS for adjusting the look and feel of the plugin admin interface. Write CSS code only. Do not include any <style> tags. By default, when rebranding, the following CSS is added (which you can overwrite):
.csmm-main-menu > a { border-left: 2px solid #main-brand-color; }<br>.home-box span { border-left: 2px solid #main-brand-color; }<br>.csmm-header { border-top: 3px solid #main-brand-color; }<br>.csmm-tile .csmm-tile-title, .csmm-tile-title + p { border-left: 2px solid #main-brand-color; }<br>.csmm-body { padding: 10px 20px 30px 20px; }

  • Content – This text is shown in the plugin’s support tab. Most HTML tags are supported. It’s a great place to write about your services and put links to various resources such as videos and FAQs.
  • Footer Copyright – Displayed in the plugin admin screen’s footer on the right-hand side. For best results, keep it under 50 characters. A limited set of HTML tags are supported.

Plugin Visual

Assign the Brand to a license.

Everything should be ready if you have followed the steps above to create your new Brand. But before you can actually rebrand the plugin, you will need to attach this Brand to a license.

  1. Create a new license or edit an existing one,
  2. On the right-hand side of the screen, find the “Custom Branding” feature,
  3. Select the Brand you have just created,
  4. Save changes.

Please note that if you change an existing brand, you will have to re-sync the license. You can do that from the plugin (license tab) or remotely via the dashboard.