Debut theme collection tiles homepage

Solved
josephneumann
New Member
2 0 0

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

Screenshot_2021-01-24 3D přání Magic Moments.png

 

 

 

 

0 Likes
dmwwebartisan
Shopify Partner
5370 1237 1584

@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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
ikeworks
New Member
2 1 2

This is an 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.

Screen Shot 2021-01-24 at 6.22.03 AM.png

ikeworks
New Member
2 1 2

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

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

josephneumann
New Member
2 0 0

it works, thank you!

0 Likes