Could you advise me how to extend the drop-down on the quick view, so the options fit in one line, please? Screenshot attached. We did it to the product page already, and it needs to be adjusted on the quick view too.
Also please could you help to adjust so the first main options that load on a quick view are: Hardware - Polished Chrome, Restrictors - No, Vent - No. So the first price shown is the lovest one, without any extras
With the default variation settings everything is working, thank you. As for the code, I entered it in the custom CSS section, but everything g stayed the same.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello
Could you advise me how to extend the drop-down on the quick view, so the options fit in one line, please? Screenshot attached. We did it to the product page already, and it needs to be adjusted on the quick view too.
Also please could you help to adjust so the first main options that load on a quick view are: Hardware - Polished Chrome, Restrictors - No, Vent - No. So the first price shown is the lovest one, without any extras
Thank you
Hi There,
Thanks for keeping in touch.
Please send in your website url so that we can provide possible css for it.
Thanks.
Hi again,
Use the following CSS
body[data-fancy-form-rcs="1"] .variations_form.cart .variations .select2-container { width: max-content !important; }You will need to add the default variable product. Please see https://woocommerce.com/document/variable-product/#setting-defaults
Regards,
Hi Andrew
With the default variation settings everything is working, thank you. As for the code, I entered it in the custom CSS section, but everything g stayed the same.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body[data-fancy-form-rcs="1"] .select2-container .select2-dropdown { min-width: 100px; }Thanks
ThemeNectar Support Team
Hi Tahir
It's still the same for the quick view items.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body[data-fancy-form-rcs="1"] .select2-container .select2-dropdown { min-width: 300px; }Thanks
ThemeNectar Support Team
It worked, thank you.