Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Product Variant Dropdown Styling


NWCPhotos

Question

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

Link to comment

1 answer to this question

Recommended Posts

  • 0
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

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...