2 columns for color swatch filter - Testament Theme

2 columns for color swatch filter - Testament Theme

SaucyPeach
Excursionist
32 1 11

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
9534 1918 1953

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

SaucyPeach
Excursionist
32 1 11

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