Top

Common CSS/Styling Used for Loyalty Points

To customize the CSS/styling for Loyalty Points, follow these steps:

  1. From "Shopify Admin", select Apps.
  2. Select Loyalty Points by Bold.
  3. Select Settings.

    select settings 

  4. Select Display Settings.

    select display settings 

  5. Select the Custom CSS tab.

    select the custom CSS tab  

  6. Add the Custom CSS as desired.

    Note: Select a heading at the bottom of this page to expand the section and learn how to style a specific element.

    add the custom css 

  7. Select Save.

    select save 

That's it!

Select an element to learn how to style it.

Example

redeem button

CSS Styling

.bold-loyalties-redeem a.buy-with-rewards {
}

Example

customer registration link

CSS Styling

.bold-loyalties-callout-nav {
}

Example

 Reward points

CSS Styling

.bold-loyalties-redeem-amount {
}

Example

Cancel button

CSS Styling

a.btn.btn--secondary.bold-modal-close-btn {
}

Example

Buy button

CSS Styling

input.btn.continue_btn {
}
Have more questions? Submit a request