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

Product Varient Drop Down Menu Doesn't Have an ID? Change Border color when selection is made?


hasher22

Question

Site URL: https://salmon-hibiscus-r5wx.squarespace.com/

pasword: dante123

hey guys.

Question 1
I managed to find the YUI ID for the border I want to change to red but of course we can't target YUI only. Been searching in the source file on what ID or other could be targeted but nothing changes the border. Can someone help me find the ID please? Picture attached

Question 2
When an answer is selected from the drop down menu, either yes or no, is it possible for the border to turn green? If yes, how can I change that?

Capture.JPG

Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Design > Custom CSS /* variant border */ .variant-select-wrapper, .product-details .variant-option select { border: 1px solid red; } /* variant border when select option */ [data-var

Posted Images

4 answers to this question

Recommended Posts

  • 0
On 5/10/2021 at 7:31 AM, hasher22 said:

Add to Design > Custom CSS

/* variant border */
.variant-select-wrapper, .product-details .variant-option select {
    border: 1px solid red;
}
/* variant border when select option */
[data-variant-in-stock="true"] .variant-select-wrapper {
    border-color: green !important;
}
[data-variant-in-stock="true"] .variant-option select {
    border-color: green !important;
}

 

Link to post
  • 0
5 hours ago, tuanphan said:

Add to Design > Custom CSS

YOU ARE A GOD!

I've been googling and trying different IDs and codes to try make this work!!!

TYTYTYTYTYTYTYTYTYTYT!!!!

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...