Story Theme - Change product variation drop down menu

lrbaker
Tourist
10 0 3

Hey guys - Is there a way to change the formatting (color, font, size, etc.) of the drop down menu on product pages? I'll attach photos to show what I mean. Ideally, I would like the drop down menu to look the same as the form field does.

Url: https://www.fairkind.com/

Screen Shot 2021-02-17 at 11.12.08 AM.pngScreen Shot 2021-02-17 at 11.12.00 AM.png

 

Any ideas would be greatly appreciated!!

KetanKumar
Shopify Partner
14335 1666 5157

@lrbaker 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

can you please try this 

https://codepen.io/raubaca/pen/VejpQP

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
lrbaker
Tourist
10 0 3

Yes! Thank you!! Just to make sure - is that code for theme.liquid or product.liquid?

0 Likes
KetanKumar
Shopify Partner
14335 1666 5157

@lrbaker 

this code first tyr to only css code move to theme.scss or theme.css

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
lrbaker
Tourist
10 0 3

Shoot that didn't work. It totally screwed up my home page so I deleted it.

Any other ideas?

0 Likes
KetanKumar
Shopify Partner
14335 1666 5157

@lrbaker 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
kldlaz
Excursionist
66 0 5

can you share with us the code i also need to  add this to my site

www.mommyandme.online

 

0 Likes
KetanKumar
Shopify Partner
14335 1666 5157

@kldlaz 

Thanks but it required to advance and more custom code

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
kldlaz
Excursionist
66 0 5

an you implemented in my site

0 Likes