Recharge Subscription Widget CSS class list available to edit using their Shadow DOM ::part() syntax. Use this list to save you time creating and custom CSS rules with their ::part() syntax method to target their inner elements within the widget. Each part includes a commented reference to where/what it's targeting. There are other classes which…

rc_widget_css_list.css

::part(rc-benefits__list){
  /*Benefits List*/
}
::part(rc-benefits__image){
  /*Benefits Image*/
}
::part(rc-design-mode-banner){
  /*Design Mode Banner*/
}
::part(rc-design-mode-banner__content){
  /*Design Mode Banner Content*/
}
::part(rc-design-mode-banner__close){
  /*Design Mode Banner Close*/
}
::part(rc-design-mode-banner__icon){
  /*Design Mode Banner Icon*/
}
::part(rc-learn-more){
  /*Learn More Section*/
}
::part(rc-learn-more__trigger){
  /*Learn More Trigger*/
}
::part(rc-learn-more__trigger-compact){
  /*Learn More Trigger (Compact)*/
}
::part(rc-learn-more-modal){
  /*Learn More Modal*/
}
::part(rc-learn-more-modal__content){
  /*Learn More Modal Content*/
}
::part(rc-learn-more-modal__close-button){
  /*Learn More Modal Close Button*/
}
::part(rc-learn-more-modal__content-body){
  /*Learn More Modal Content Body*/
}
::part(rc-learn-more-modal__container){
  /*Learn More Modal Container*/
}
::part(rc-loading){
  /*Loading Wrapper*/
}
::part(rc-loading__icon){
  /*Loading Icon*/
}
::part(rc-drawbacks){
  /*Drawbacks Section*/
}
::part(rc-plans-button){
  /*Plans Button*/
}
::part(rc-plans-button__selected){
  /*Selected Plan Button*/
}
::part(rc-plans-button-group){
  /*Plan Button Group*/
}
::part(rc-plans-button-list){
  /*Plan Button List*/
}
::part(rc-plans__label){
  /*Plans Label*/
}
::part(rc-plans-radio-button){
  /*Plans Radio Button*/
}
::part(rc-plans-button__discount){
  /*Plans Discount Label*/
}
::part(rc-plans-button__interval){
  /*Plans Interval Label*/
}
::part(rc-plans-dropdown){
  /*Plans Dropdown*/
}
::part(rc-plans-select){
  /*Plans Select*/
}
::part(rc-purchase-option__onetime){
  /*One-time Section*/
}
::part(rc-purchase-option__subscription){
  /*Subscription Section*/
}
::part(rc-purchase-option__selected){
  /*Currently Selected Section*/
}
::part(rc-purchase-option){
  /*One-time Purchase Option*/
}
::part(rc-purchase-option__label){
  /*One-time Option Label*/
}
::part(rc-purchase-option__selector){
  /*One-time Option Selector*/
}
::part(rc-purchase-option__input){
  /*One-time Option Input*/
}
::part(rc-purchase-option__checked-indicator){
  /*One-time Checked Indicator*/
}
::part(rc-purchase-option__price){
  /*One-time Price*/
}
::part(rc-purchase-option__prices){
  /*One-time Prices Wrapper*/
}
::part(rc-purchase-option__sub-container){
  /*One-time Sub-container*/
}
::part(rc-purchase-option){
  /*Subscription Purchase Option*/
}
::part(rc-purchase-option__label){
  /*Subscription Option Label*/
}
::part(rc-purchase-option__selector){
  /*Subscription Option Selector*/
}
::part(rc-purchase-option__input){
  /*Subscription Option Input*/
}
::part(rc-purchase-option__checked-indicator){
  /*Subscription Checked Indicator*/
}
::part(rc-purchase-option__sub-container){
  /*Subscription Sub-container*/
}
::part(rc-purchase-option__original-price){
  /*Subscription Original Price*/
}
::part(rc-purchase-option__unit-price){
  /*Subscription Unit Price*/
}
::part(rc-purchase-option__prices){
  /*Subscription Prices Wrapper*/
}
::part(rc-purchase-option__discounted-price){
  /*Subscription Discounted Price*/
}
::part(rc-purchase-option__badge){
  /*Subscription Badge*/
}
::part(rc-prepaid-plan__title){
  /*Prepaid Plan Title*/
}
::part(rc-content-wrap){
  /*Content Wrapper*/
}
::part(rc-widget__root){
  /*Widget Root*/
}