Debut theme collection tiles homepage

[josephneumann]

Hi there,

I'm trying to round up the corners of the collection list "tiles" on the homepage (see the screenshot below). I would like to round it up by a few pixels or %. Can someone please help with that? Thank you!

The store url is https://www.3d-prani.cz

[dmwwebartisan]

@josephneumann 

Can you please explain the term "round the title" ? because the collection title is a text. Please provide a screenshot with an explanation.

Thanks!

[ikeworks · Accepted solution]

those cards have a class of collection-grid-item, so if you add this to Assets/theme.scss.liquid  does it work?

i'm new to shopify themes, so might be wrong.   

.collection-grid-item {
  border-radius: 20px;
  overflow: hidden;
}

whatever value you put for border-radius is how much it will round.  you could use 10% or 2rem or 25px.

[ikeworks]

btw you get there by  Online Store → Themes → Actions → Edit code 

then under Assets → theme.scss.liquid.    or   theme.css

[josephneumann]

it works, thank you!