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
.rca-subscription-formclass to a desired amount to separate the widget from surrounding buttons.
margin-bottom: 10pxto the
.rca-subscription-form-buttonsclass to adjust the height of the subscription frequency selector.
margin-left: 0to the
.rca-subscriptionclass to move add-to-cart button left.
The widget should look like this:
Updated over 1 year ago