Customize the Motivator Banner

Follow

Bold Motivator allows you to customize the banner's storefront display. You're able to adjust the colors, 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:

  1. From Shopify's admin, select Apps.

    Select Apps

  2. Select Sales Motivator.

    Select Sales Motivator

  3. Select Display Settings.

    Select Display Settings

  4. Select the initial banner's colorspadding, and border color & size.

    Select the Initial banner styling

  5. Select the main text's colorsize, and boldness.

    Note: This is the styling for the main text that displays on the banner.

    Select the Main Text styling

  6. Select the balance text's colorsize, and boldness.

    Note: This is the styling for the balance amount shown in each of the qualifying messages.

    Select the Balance styling

  7. Select the confirmation text's colorsize, and boldness.

    Note: This is the styling for the text on the final confirmation banner.

    Select the Confirmation Text styling

  8. Select the banner timing.

    Note: This is how long the banner will display to your customers each time it shows on the storefront.

    Select the Timing

  9. Enter any custom CSS styling in the "Additional CSS" box.

    Note: Visit W3 Schools - CSS for more information on how to use CSS.

    Enter Custom CSS

  10. Select Save.

    Select Save

That's it!

Next Steps:

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.