How to add a gap in-between each of these product images.
Example:
Store link: https://95d536-88.myshopify.com/
Store keycode: www
2 Likes
Hey @friendlyrobot19
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hey @friendlyrobot19, just follow these steps to increase or decrease the space without any code!
If you need further assistance, please let me know. If you found my help useful, consider liking this message and marking it as the solution.
K.K
- Here is the solution for you @friendlyrobot19
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (min-width: 600px) {
.grid {
column-gap: 30px !important;
}
.grid--4-col-desktop .grid__item {
width: calc(20% - var(--grid-desktop-horizontal-spacing)* 3 / 4) !important;
}
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like