Collection list customization

Store Design
1

NOT1_0-1725977734324.png
NOT1_0-1725977734324.png489×706 345 KB

Hi, I have changed the image size of the collection list but now the space in the left is more than the right i want it in center (mobile only) and the space between 2 images 5px and vertical 7 px how can I do it (for mobile only)

Thanks in advance : )

1 Like
2
  • Here is the solution for you @NOT1
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Here is the result you will achieve:

BSSTekLabs_0-1725978138485.png
BSSTekLabs_0-1725978138485.png379×809 323 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Hey thanks a lot. I have another issue and the space between 2 images 5px and vertical 7 px how can I do it (for mobile only)

1 Like
4

BSSTekLabs_0-1725978520431.png
BSSTekLabs_0-1725978520431.png375×679 315 KB

Do you want like this @NOT1 ?

5

Yes but I want a little bit more vertical and horizontal space

1 Like
6

BSSTekLabs_0-1725978943803.png
BSSTekLabs_0-1725978943803.png374×815 360 KB

Do you want like this?

7

Can you replace to this code @NOT1

8

Thank you :heart_eyes:

1 Like
9

Glad to help you. Have a good day.