Product Variant Dropdown Styling

Site URL: https://www.nwcphotos.com/shop

Hello,

I am struggling with customizing the dropdowns on my product variants through css. I can't stand how ugly they are especially on a Windows based system. I have added a bit of code to change the font family and size, but I want to make some changes to the actual box around the options as well. Ideally I would like to do something like remove the box all together for a cleaner look, so something with transparency maybe? No shadow, no background color, and no blue bar when you hover over the options. 

My ideal look would be a sans-serif font in a grey color with like I said no visible box around it, and if possible instead of the blue bar when you hover over an option it just darkens to more of a black color. 

Is this at all possible? Thanks!

Site PW is: lock

10 hours ago, NWCPhotos said:

Site URL: https://www.nwcphotos.com/shop

Hello,

I am struggling with customizing the dropdowns on my product variants through css. I can't stand how ugly they are especially on a Windows based system. I have added a bit of code to change the font family and size, but I want to make some changes to the actual box around the options as well. Ideally I would like to do something like remove the box all together for a cleaner look, so something with transparency maybe? No shadow, no background color, and no blue bar when you hover over the options. 

 

My ideal look would be a sans-serif font in a grey color with like I said no visible box around it, and if possible instead of the blue bar when you hover over an option it just darkens to more of a black color. 

 

Is this at all possible? Thanks!

 

Site PW is: lock

You can use this plugin

Product Color/Image Swatch Variant Plugin - SQSPTHEMES.COM