Back to Developer Guides

White Label Admin with CSS

This guide applies to:

  • Basic Edition
  • Plus Edition
  • Pro Edition
  • Business Edition

Introduction

In this guide we want to show you how to ‘White Label’ the plugin. This isn’t a complete white-label solution but it will remove most of our branding assets.

To do this, we’ll use a couple of CSS snippets to hide our logos and Foxy’s images from the Admin App.

For this to work out properly, you’ll need to create a new custom.css file in the theme. Here’s a guide with more information on how to add it: Add Admin App Custom CSS.

We’re hoping to add a more thorough White Labeling solution in the future, stay tuned!

SSA Logo at the top of the Admin App

To hide the logo add this CSS snippet to your custom.css file:

/* Hide SSA Logo */
.app-header img {
    display: none !important;
}
Hidden SSA Logo

Settings’ Images with Foxy

SSA Settings’ Images Showing Foxy, our Mascot

To hide Ms. Foxy’s glamour shots, add this CSS to your custom.css file:

/* Hide Settings Images of Foxy */
.md-card.settings .md-card-media {
    display: none !important;
}
Hidden Settings’ Images

Contact Support Team Button

If you’re white-labeling for a client, you can also remove the Contact Support Button in under the Support tab. This will ensure that they contact you whenever they need any help.

Contact Support Team button under the Support tab

To hide the ‘Contact Support Team’ button:

/* Hide Contact Support Team Button */
.md-theme-default.md-button:not([disabled]).md-primary.md-raised, 
.md-theme-default.md-button:not([disabled]).md-primary.md-fab {
display: none !important;
}
Hidden Contact Support Button

Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.

Related Guides