How to remove left space in product page and decrease horizontal space between image DAWN

[NOT1]

I want to decrease the left space and the space between images

[Moeed]

Hey @NOT1

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. 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

[NOT1]

Thanks it worked and how can i decrease the left padding ?

[Tech_Coding]

Hello @NOT1

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { product-info .page-width { padding-left: 8px !important; /*adjust according to you*/ } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Moeed]

Hey @NOT1

Try this updated code with the same steps

{% if template == 'product' %}

{% endif %}

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[websensepro]

Hi @NOT1 ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[NOT1]

appreciate it

[HELDERWRLD]

Hello @Moeed

I tried it and worked perfectly on Product Page, but damaged my featured products on main page.
Can you help me fix it?

www.diversusoficial.com
pass: diversusoficial

[HELDERWRLD]

Hello @Moeed or anyone else, can somebody help me please?

[Moeed]

Hey @HELDERWRLD

Share your Store URL and Password if enabled.

Best Regards,

Moeed

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (min-width: 990px) { #collection-template--21929981247826__e2f480cd-0765-418f-a9eb-b6b93b5abf13 .slider { gap: 12px !important; } #collection-template--21929981247826__e2f480cd-0765-418f-a9eb-b6b93b5abf13 .grid--5-col-desktop .grid__item { width: calc(19% - var(--grid-desktop-horizontal-spacing)* 4 / 5) !important; max-width: calc(20% - var(--grid-desktop-horizontal-spacing)* 4 / 5) !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[HELDERWRLD]

www.diversusoficial.com
pass: diversusoficial

[HELDERWRLD]

Hello @Tech_Coding
It did not work

[HELDERWRLD]

Already found an answer.

If anyone experiencing the same issue, just use this code instead:

{% if template == 'product' %}

{% endif %}