Remove grids from a specific collection on front page

Store Design
, ,
1

https://q1iu3d6m9lfvfsmn-53265825967.shopifypreview.com

Hello

I would like to remove the grids/borders from this collection-list on the mainpage. The other products/collections need need to keep their layouts.

Thank you

31-01 shopify.png
31-01 shopify.png1174×461 38.7 KB

2

@Bramm ,

.product-block.grid-flex__item.one-fifth.small-down--one-half {
    border: 0;
    box-shadow: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

3

@oscprofessional Thank you for your time and reply. When I add that css the layout of my other collections on the frontpage also dissapears. I only need the top one to not have grids.

Thanks

4

Hi @Bramm ,

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/styles.css->paste below code at the bottom of the file:

#shopify-section-template--15842799583407__c876966a-e795-4db4-bd06-c5ba7895d275 .product-block {
    border: 0 !important;
    box-shadow: none !important;
}

I hope it would help you

5

@PageFly-Kate Thank you very much, this works