How to add padding between 2 rows productpage? (narrative theme)

Excursionist
13 0 1
Hi,

Anyone who can help me what code I should add in css to get 5px padding in between the product images on the product page?

url: https://www.shoptatt.com/collections/all

Narrative theme.

Thanks!
0 Likes

Hello @jahlbom,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media(max-width: 767px){
.card:nth-child(2n+1) {
	padding-right: 10px;
}
.card:nth-child(2n+2) {
	padding-left: 10px;
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes