Hey, I have added payment icons under my “Add To Cart” button on my product pages but I cannot seem to figure out how to change the padding / margin here. I will add a picture of the issue below. My store url: https://bellevodesign.com/ I would like to add some margin below the payment icons so th…

Hi @bellevo , You can use this code snippet to adjust the space below the payment icons (just the icons below “Add to cart”) .product__info-container .list.list-payment { /* You can adjust this value according to your preference */ margin-bottom: 10px; }

Changing the padding on payment icons on product pages (Dawn Theme)

Store Design

bellevo July 19, 2024, 4:24pm 8

This works perfectly, is there a way for me to change this code in a way that it works for mobile as well?

Topic		Replies	Views
Payment icons slightly higher- Dawn Theme Store Design design , customizations , css , shopify-themes , html , product-page	3	6	August 15, 2023
How to remove padding under payment methods? Store Design design , product-page	6	73	August 21, 2024
How to create a gap between payment icons on mobile view? Store Design	7	20	February 24, 2022
Removing white space from payment icon top and bottom Technical Q&A optimization , liquid , css , third-party-theme , html , shopify-theme	2	7	March 25, 2025
Payment Icons Slightly Higher- Shopify Impulse 7.4.0 Theme Store Design design , customizations , css , shopify-themes , html , product-page	10	23	September 2, 2023

Changing the padding on payment icons on product pages (Dawn Theme)

Related topics