Add your logo in the loyalty panel
Success team avatar
Written by Success team
Updated over a week ago

Please note that advanced customisation of your loyalty program is a feature available on Classic Plan and above.
If your panel does not look like the one below, please


In this article: 

Loyalty panel is a legacy interface, that we are slowly retiring. If you still use loyalty panel - we’ll be in touch with you, when it’s your time to upgrade.

If you’d like to make the change earlier and take advantage of our new UI, contact us at support@loyaltylion.com.

Please note that if you joined LoyaltyLion after 2022, you will not have access to this UI.

When you first set up your Loyalty Program, your panel might look something like this:

Replacing "Loyalty Points" in this example can be done with a single line of code.

Where to find the CSS Editor? 

1. Log into your admin account
2. Go to the tab Manage 

3. Find Customise and click on Loyalty panel

4. Scroll down to Advanced and Open CSS Editor

5. Here you can make changes to your loyalty panel, widget and notifications

How to add your logo in your loyalty panel? 

1. Head to your Loyalty Panel settings in your admin here. 

2. Open the CSS editor and add the following line, replacing the URL with a link to your logo:

.lion-loyalty-panel-sidebar__title {
   background:url(http://www.mysite.com/assets/logo.png) no-repeat center;
   background-size: 180px; height: 60px; color:transparent;  
}

Once you're done, your panel should look something more like this:

If your logo is small or too large, change its size by changing the size of background-size: 180px

Did this answer your question?