Help me increase the size between products in collection page - Dawn Theme

Store Design
, , ,
1

Hi, Hope you are doing well.

I need to increase the gap between the producst in collection page. please help. Thanks. Its like below.

IndujaAIKY_0-1680245979722.png
IndujaAIKY_0-1680245979722.png1308×572 522 KB

Want it like below:

IndujaAIKY_1-1680246035386.png
IndujaAIKY_1-1680246035386.png1386×664 738 KB

2

@IndujaAIKY Add below css into base.css file

@media screen and (min-width: 750px)
{
.grid {
    column-gap: 50px !important;
    row-gap: 50px !important;
}
}
3

Hi,

Thanks. this code is not working. Its making the layout of the product page also change.

4

Hi @IndujaAIKY

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1680281757718.png
PageFlyVictor_0-1680281757718.png1600×794 164 KB

PageFlyVictor_1-1680281757842.png
PageFlyVictor_1-1680281757842.png1600×777 194 KB

If the code doesn’t please share the URL of your store so I can check more.

Hope this answer helps.

Best regards,

Victor | PageFly