How can I create a grid layout on the Collections page for clothing items? Dawn Theme

Hello Everyone!

I’m looking to add a grid layout that has an outline for items that will be on the collections page.

Hi, @alixzander

please send your store URL
Thank You!

Hi @oscprofessional !

my website is www.spirituallywell.com

password is testing

Hi @Harinola

my website is www.spirituallywell.com

password is testing

@alixzander

can you assign a minimum of one collection to the collection page
so we can able to make a perfect grid layout for the collection with an outline

also have some products in their collection

Hello @oscprofessional !

I assigned one collection page that is now viewable on my website. Let me know if you need me to add anything else! :slightly_smiling_face:

Hello!

I just added a testing collection to create the grid layout.

@Harinola

@alixzander

.card__inner.color-background-2.gradient.ratio {
    outline: auto;
}

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

Like this

Hello @alixzander ,

To fix this problem, you need to add the below-provided code in your custom styling file or base.css file of your dawn theme.

Find the code below.

.collection-list .card__inner{

border: 1px solid #000;

}

This will help you add a grid layout that has an outline for items on the collections page.

Hope it helps, let us know if you need more help.

All the best,

CedCommerce