Add CSS to subscription elements
You can use CSS rules to adjust the look and spacing for the Recharge subscription widget. The following example explains one way to adjust widget spacing.
Adding CSS to BigCommerce
You can add CSS to a BigCommerce theme by editing your theme files.
- Navigate to assets/scss/theme.scss
- Add custom styles to the bottom of theme.scss

To learn more about editing a BigCommerce theme's CSS, see Theme Assets.
Increase spacing on subscription selector
- Increase
margin-top
andmargin-bottom
of the.rca-subscription-form
class to a desired amount to separate the widget from surrounding buttons. - Add
margin-bottom: 10px
to the.rca-subscription-form-buttons
class to adjust the height of the subscription frequency selector. - Add
margin-left: 0
to the.rca-subscription
class to move add-to-cart button left.
The widget should look like this:

Updated about 2 years ago