Change the font of the panel

See our documentation below for the various ways in which you can customise the text of your 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:

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 change the font family

Once you have found the element of the text you want to change, simply add the code into the CSS editor using ‘font-family’ as the class. Please see below for an example of this structure.

.lion-loyalty-splash__title{
Font-family:serif;
}

How to change the font size

To change the font size, simply add the following code into your CSS editor using ‘font-size’. Please see below for an example of this structure.

.lion-loyalty-splash__title{
Font-size: 150px;
}

How to change the font colour

To change the colour of your font, apply the code: ‘color’ to your element. See below for an example of this structure. You can either use a general colour such as yellow, or add specific colour code.

.lion-loyalty-splash__title{
color: yellow;
}

.lion-loyalty-splash__title{
color: #37aadf;
}

How to change the thickness of the font

To change the thickness (boldness) of your font, apply the code: 'font-weight' to your element. See below for an example of this structure. You can either apply a numeric value for a specific weight, or enter a general weight (bold, bolder, lighter, normal).

.lion-loyalty-splash__title{
font-weight:bolder;
}
.lion-loyalty-splash__title{
font-weight:800;
}

Please note, that even though we give you all options to customise your loyalty panel, we do not specialise in customising loyalty programs for individual clients. 

Did this answer your question?