Re: Styling Shop Pay Installments option on product pages

Solved

Styling Shop Pay Installments option on product pages

Gazzer
Tourist
4 1 2

Hi all,

Acknowledged the Shop Pay feature from a notification and it was dynamically added to the products pages. However, the sentence wrapped in <p> tag has no bottom padding and sits directly on top of variant/quantity labels making it difficult to read any of it. I am able to add padding-bottom in developer mode with Chrome targeting .shopify-installments class but cannot seem to override this with same CSS in the theme file. Any help would be greatly appreciated. 

Accepted Solution (1)
Gazzer
Tourist
4 1 2

This is an accepted solution.

Hi @LitCommerce,

 

Thanks for the response to my question and the willingness to help. Turns out I was not targeting the correct parent. The answer if anyone else needs to know is .product-single__meta shopify-payment-terms {} for the Debut Theme.

View solution in original post

Replies 2 (2)

LitCommerce
Astronaut
2860 684 751

Hi @Gazzer,

Please send your site and if your site is password protected, please send me the password. I will check it.

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
Gazzer
Tourist
4 1 2

This is an accepted solution.

Hi @LitCommerce,

 

Thanks for the response to my question and the willingness to help. Turns out I was not targeting the correct parent. The answer if anyone else needs to know is .product-single__meta shopify-payment-terms {} for the Debut Theme.