[Kevin CParticipant]

Hi,

Please refer to this product page.

http://vivreactivewear.com/shop/ambition-crop-top/

I have added “YITH WOOCOMMERCE COLOR AND LABEL VARIATIONS” to improve the shopping experience, using a few work-around to achieve the current workflow.

Here’s 2 questions.

1. After choosing colour and then the shopper can choose the size. What CSS can I input to make the chosen size label more obvious? Maybe by bolding the text of the chosen size?

2. May not be theme related. To change the colour, I have to de-select the current colour choice before I can choose another. Is there a solution that allow a shopper to choose the size with just 1 click (on the new colour)?

Thank you in advance.

[RupokMember]

Hi there,

Thanks for writing in!

#1. You can change the border color to a different color and change font-weight and color as well. You can add this under Custom > CSS in the Customizer.

 .select_option:hover, .select_option.selected {
  border-color: #f54;
  color: #000;
  font-weight: bold;
}

Change the color codes with your own if needed.

#2. Unfortunately we can’t control this functionality and would be possible with custom development that would be out of our support scope.

Hope this helps.

Cheers!

[Kevin CParticipant]

Hey,

The css works well. Thank you for your help!

[ThaiModerator]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts