Re: 2 columns for color swatch filter - Testament Theme

2 columns for color swatch filter - Testament Theme

SaucyPeach
Excursionist
44 1 14

Hi

Can i get some help to make my color filter 2 columns instead of 1, or just not as long maybe 2-3 rows

 

Thanks

 

saucypeach.com

P/W: Password

SaucyPeach_0-1726624191630.png

 

 

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Hi @SaucyPeach 

You can try to add this code to Custom CSS in Online store > Themes > Customize > Theme settings and check.

.filter--color ul {
display: grid;
grid-template-columns: 1fr 1fr;
}

Screenshot 2024-09-18 at 09.02.28.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

SaucyPeach
Excursionist
44 1 14

Yes that's perfect, thank you!

Would you be able to help me do the same to the top filter selection so it matches the colors section?

 

SaucyPeach_0-1726751347954.png