Bold Motivator allows you to customize the banner's storefront display. You're able to adjust the colours, font size, and timing of the Motivator bar. You can also use your own custom CSS styling to further style the app.
To customize the app's display, please follow these steps:
- From within the Motivator admin, select Display Settings.
- Select the initial banner's colours, padding, and border colour & size.
- Select the main text's colour, size, and boldness.
Note: This is the styling for the main text that displays on the banner.
- Select the balance text's colour, size, and boldness.
Note: This is the styling for the balance amount shown in each of the qualifying messages.
- Select the confirmation text's colour, size, and boldness.
Note: This is the styling for the text on the final confirmation banner.
- Select the banner timing.
Note: This is how long the banner will display to your customers each time it shows on the storefront. Visit How does the display timer work in Motivator? for more information.
- Enter any custom CSS styling in the Additional CSS box.
Note: Making adjustments to Motivator requires a knowledge of CSS. If you are not comfortable with completing this on your theme, one of our partners would be happy to help with a paid customization on your store. Please reach out to HeyCarson via this form.
- Select Save.