How can I display my collections and blogs in grid view?

Shopify Discussion
1

Hi everyone. My featured collection & blogs on homepage are not displaying in a grid view or carousel view. I want 4 collection per row. But it displaying 1 product per row.
My website link: https://poshpark.net

It would be greatly appreciated if you could help.

Thank you

Best regards

Imran Ali

Featured collection screenshot
Featured collection screenshot1002Ɨ417 171 KB

Blog Section screenshot
Blog Section screenshot1342Ɨ546 115 KB

2

Hi @Digital_Imran,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file stylesheet.css

Step 3: Paste the below code at bottom of the file ā†’ Save

.1489774034177newproducts-slider,.articles-container{
display:flex !important
}

PageFlyVictor_0-1674125021499.png
PageFlyVictor_0-1674125021499.png2754Ɨ682 380 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Hi @PageFly-Victor . Thank you so much for your reply. The article code is working fine. However, the featured product code is not working. I would appreciate it if you could recheck. :slightly_smiling_face:

posh2.png
posh2.png1060Ɨ352 36.6 KB

4

Hi @Digital_Imran ,

you can remove the old code and replace it with new code for the featured product

.ocnewproductslider.special-button-owl.quickview-product > .ocnewproduct-title.module-title ~ .row>div{display:flex !important}
1 Like
5

Thankyou so much for your help @PageFly-Victor

6

Hi @Digital_Imran ,
You are welcome. Iā€™m glad when I can help you :heart_eyes:

1 Like