Remove Text next to the Shade Filter. I only want to show

Solved

Remove Text next to the Shade Filter. I only want to show

Nonchalant868
New Member
11 0 0

Nonchalant868_0-1694750719142.png

 

I created a metafield that allows me to filter on the shade/skin tone of my designs. Now, I'm trying to find a way to remove the "A", "B" and "C" next to each of the options in the Shade Filter just so it'll have a cleaner look. Also, if anyone knows how to make the shades go horizontally instead of vertically, that would be awesome!

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4854 1092 1765

This is an accepted solution.

Hi @Nonchalant868 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

[for="filter-Shade-1"],[for="filter-Shade-2"],[for="filter-Shade-3"] {
   color: #fff !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

oscprofessional
Shopify Partner
16215 2425 3149

hello, @Nonchalant868  Can You Please Share Your Store URL I Will Check and Provide a proper Solution if your is password protected so please share it with a password

Thanks

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free
Nonchalant868
New Member
11 0 0

URL: www.reshapen.com

Password: WelcomeToReshapen

oscprofessional
Shopify Partner
16215 2425 3149

Hello, @Nonchalant868  I have checked your issue its a customization and time-consuming issue so can you please share your store Admin Details so i will provide a proper solution or join us please check my signature thanks

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

PageFly-Richard
Shopify Partner
4854 1092 1765

This is an accepted solution.

Hi @Nonchalant868 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

[for="filter-Shade-1"],[for="filter-Shade-2"],[for="filter-Shade-3"] {
   color: #fff !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Nonchalant868
New Member
11 0 0

Thank you!!! I truly appreciate it. Do you also know how to have the colors show vertically instead of horizontally?