Subscription Message Below Checkout Button - Help

Hey guys,

On our new theme, when you add a subscription product to your cart, below the dynamic checkout buttons, you get a subscription message but it gets squashed to 50% and the policy button doesn’t look aligned with the text.

I can’t seem to get any CSS to work on it because the class changes all the time to random letters as shown in the screenshot below, the random class letter names also seem to change every time based on the item. So I add CSS but the next time it gets removed when you add a different subscription item.

You can preview it here: https://lukrqzfcd42dx16l-22594233.shopifypreview.com/products/battle-snacks-protein-battle-bites-box-12-bars-62g

I have also linked a product above which has a subscription option so you can test it when you add it to your cart.

How can we either just hide the message completely or at least add some CSS so it looks nice?

Many thanks,

George

Hi George,

Try with below CSS

to hide

.shopify-cleanslate + undefined{display:none;}

To make width 100%

.shopify-cleanslate + undefined div{width:100% !important}
1 Like

@gr_trading Great, thanks so much, that seems to work perfectly on my end now

https://2iqs1de54sskulx4-22594233.shopifypreview.com