Return to previous page

Checkout Page > State Dropdown - by venetia

This topic has 2 replies, 2 voices, and was last updated 10 years, 7 months ago ago by Olga Barlow

venetia

Participant

April 13, 2014 at 16:32

Good day,

I am using the Dark version of the IDstore theme.
Firstly, I have a problem on the checkout page. The dropdown list where a user selects the state/province they live in is not functioning correctly.

As you can see above, The dropdown list text is illegible, extremely light.
I have the same problem on a plugin I am using called premium list magnet.
I contacted their support and they told me the following:
“I found out that this CSS file http://superoxygen.co.za/wp-content/themes/idstore/css/dark.css?ver=3.8.1 has style that override the text input color of PLM:”

The website URL is http://SuperOxygen.co.za

I hope you will be able to assist. Thanks in advance..

#1170 Copied

1 Answer
Olga Barlow

Support staff

April 14, 2014 at 13:10
Hello,
Please, create custom.css file in theme directory (wp-content/themes/idstore) and enable it in Theme Options.
Add following code in custom.css to fix dropdown on checkout:
```
.chosen-container-single .chosen-single {background: #333; color:#eee;}
.woocommerce-checkout .form-row .chosen-container .chosen-drop {background: #333;border: 1px solid #111;}
.chosen-container-active.chosen-with-drop .chosen-single{box-shadow: 0 1px 0 #111 inset;background: #333;border: 1px solid #111;color: #eee;}
.chosen-container-single .chosen-search input[type=text] {background: url(../images/chosen-sprite.png) no-repeat 100% -20px,#333;}
.chosen-container .chosen-results li.no-results {background: #333;}
```
Regards
#1207 Copied
Tagged: checkout page, easy checkout, fast checkout, secure checkout, state dropdown, woocommerce, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)