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.
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.
.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 about 1 year ago