Removing whitespace between product images homepage Boundless theme

soopexclusive
Excursionist
18 0 8

yes thankyou for your help as well!

 

0 Likes
dmwwebartisan
Shopify Partner
8452 1984 2663

@soopexclusive 

Please remove the old code and add this new code.

.template-collection .collection-grid .product-item__link-wrapper{padding:10px}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
soopexclusive
Excursionist
18 0 8

sorry that didn't work as well.. 

dmwwebartisan
Shopify Partner
8452 1984 2663

@soopexclusive 

Are you sure because the above code is for the collection page padding. Please check the attached screenshot. I tried and it worked and the code

should work for all the collections.

collection-page-padding.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
soopexclusive
Excursionist
18 0 8

I meant something else im sorry. I can understand the confusion. I made this layout picture for you to understand it better. I don't want padding between the collection pictures on the homepage and on the collection page (you already fixed that for me). I want a padding between the pictures that are shown on the product page, so if you click on one of the products, you land on the product page. There you have pictures that have no whitespace between them, i want a padding of 10px there just like on the example picture i show here. The change has to be on the product page: https://w8zh1283oeio3fj9-9663971428.shopifypreview.com 

soopexclusive_0-1621081806378.png

 

 

Natztech
Shopify Partner
1890 492 1170

 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-product-template .product .product__photo.grid__item.medium-up--one-half{
    padding:10px  !important;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
dmwwebartisan
Shopify Partner
8452 1984 2663

@soopexclusive 

Just for clarification. In the following url.

https://w8zh1283oeio3fj9-9663971428.shopifypreview.com/products/long-sleeve-the-day-after-the-day-be...

For these pictures, you want to add padding?

 

these-pictures.jpg

 

If yes then add the following code.

#shopify-section-product-template .product__photo{
padding: 10px;
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
soopexclusive
Excursionist
18 0 8

yes exactly!

 

dmwwebartisan
Shopify Partner
8452 1984 2663

@soopexclusive 

Please add the following code.

#shopify-section-product-template .product__photo{
padding: 10px;
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
soopexclusive
Excursionist
18 0 8

So good, I can't thank you enough! @Natztech . That's it for now, can I ask you some little questions again? You have been a real help

0 Likes