Self-service Dashboard for WooCommerce Subscriptions | CSS Snippets for Various Customizations

Make sure you have a child theme or otherwise this code will get deleted by WordPress when you will update the theme next time.

Display a bigger ‘Add new products’ window

↑ Back to top

To display a bigger ‘Add new products’ window:

.wpr-add-new-subscription {
max-width: 100%;
display: flex;
}

CSS Classes by product type for the Add new Product modal

↑ Back to top

To change the appearance of products in the Add new product modal you can use the following classes

.wpr-add-simple-product -> for simple products
.wpr-subscription-add-submit -> for variable products
.wpr-subscription-bundle-add-submit -> for bundle products
.wpr-subscription-composite-add-submit -> for composite products

Hide buttons/features

↑ Back to top

To hide buttons, just add display:none for button class, e.g.:

.wpr-subscription-update {
   display:none !important;
}

Our plugin buttons → classes:

• Pause → pause_subscription
• Add new product → wpr-add-product
• Change quantity → wpr-quantity-update
• Add, from Add new product window simple product → wpr-add-simple-product
• Add, from Add new product window variable product → wpr-subscription-add-submit
• Cancel, from Add new product window variable product → wpr-subscription-cancel-submit
• Switch item → wpr-subscription-update
• Save, from Switch item screen → wpr-subscription-update-submit
• Cancel, from Switch item screen → wpr-subscription-cancel-submit
Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.