Re: Collage linked images with round corners (Craft Theme)

Solved

Collage linked images with round corners (Craft Theme)

rodrigosens
Tourist
14 0 1

Hello guys, I recently used a code to make my collages images linkable, but the code removed the round corners. Does anyone know how to fix it? I can control the radius on theme settings, but I can't see this change the images corners.
Thx!

Accepted Solution (1)
LitCommerce
Astronaut
2860 684 751

This is an accepted solution.

Hi @rodrigosens,

Please change code:

.collage-card .media {
    border-radius: var(--buttons-radius) !important;
}
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 3 (3)

LitCommerce
Astronaut
2860 684 751

Hi @rodrigosens,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.collage-card .media {
    border-radius: 2rem !important;
}

Hope it helps!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
rodrigosens
Tourist
14 0 1

Hey! Thx for the code!
It worked, but I still can't control the corner radius through the "media container" in the theme settings as I could before. 

Screen Shot 2023-01-30 at 10.18.15.png

LitCommerce
Astronaut
2860 684 751

This is an accepted solution.

Hi @rodrigosens,

Please change code:

.collage-card .media {
    border-radius: var(--buttons-radius) !important;
}
LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!