How To Round Collections on my website - (IDK theme name)

[lojabuzz]

How can I get this collections rounded.

Images:

From this: (COLLECTION LIST)

To this:

[Ahsan_ANC]

Hi @lojabuzz ,

Thank you for reaching out to the Shopify Community!

Please share your store URL here so that we can check and provide a solution to you.

Thanks & Regards,
Ahsan ANC

[GabrielS]

Hi there, can you share your website link?

A solution can be to target the blocks and use the CSS ‘border-radius’ property.

[eFoli-Marvic]

@lojabuzz Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution.

[lojabuzz]

website: nossalojabuzz.myshopify.com
pass: 123456

[GabrielS]

Applying the below code should achieve the rounded blocks that you are looking for

.product-list--scrollable .product-item {
  background: lightgrey;
  border-radius: 20px;
}

Assuming the website structure, you may want to have a deeper look into the current media queries too.

Cheers!

[Ahsan_ANC]

Hi @lojabuzz ,

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> theme.css ->paste the below code at the bottom of the file.

.product-list{
   background: transparent  !important;;
}

here is the result

[lojabuzz]

Which code? I think you accidentally deleted it

[Ahsan_ANC]

i have updated the post. iaccidentally didn’t added it

[lojabuzz]

Another thing… IDK what happened but it is not showing collections anymore…
Look:

It was supposed to show 2 collections…

[lojabuzz]

It worked! Thanks…
But something happened, I`ll have to RE-add all collections, but its ok.
Thank you friend!

[Ahsan_ANC]

there are no products added to that collection section.

[lojabuzz]

Actually there is 2 products added to the collection, but I think an specific collection is corrupted… All others are working well

[Ahsan_ANC]

You can allow me to check this issue for you.

[lojabuzz]

Thanks friend, it`s OK, I deleted the collection and create another one
TY