In this article:

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 we do not specialise in customising your loyalty program - if further assistance is required please contact our support team at support@loyaltylion.com and we can refer you to a development team to assist.

Did this answer your question?