Override chosen.scss

This topic contains 1 reply, has 2 voices, and was last updated by Guust 7 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: custom style for forms and other areas

Author

Posts
August 27, 2017 at 9:31 am #393111

TIRUMALESWARA REDDY
Expired Member

Post count: 10

Hi
how to change the form style overriding chosen.scss

Please see the attached screen that shows different styles for dropdwon list,but I’m not able to override these style when I’m writing new styles but not reflecting and still styles shows the same chosen.scss style

please help.

August 27, 2017 at 10:21 am #393114
Guust
Moderator

Post count: 29970
Without seeing that page we cannot inspect the code.
But you should be able to target it with
```
.geodir-chosen-container-single .chosen-single span {color: red}
.geodir_form_row.geodir_custom_fields .geodir-chosen-container {color: blue;}
```
or to target the specific custom field:
```
#geodir_htmlname_row .geodir-chosen-container-single .chosen-single span {color: red}
```
https://wpgeodirectory.com/docs/customizing-your-style/

Thanks
Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket