[Resolved] Styling a Multiple Select Box – Classname not being added

[Author]

Posts

[leeF-2]

I have created a CRED Post Add form. In the form I have a category field set to "select". I've added to that field "class='categorySelect'. In the CSS section of the form I added some CSS to style ".categorySelect". However, after updating the form and previewing, the style name is not applied to that field.

Am I missing something?

Thanks.

[Nigel]

Hi Lee

The cred_field shortcode doesn't have the class attribute (https://toolset.com/documentation/user-guides/cred-shortcodes/#cred_field), which is why it's not working.

You can either wrap your shortcode in a div and add the class to that to be able to target your select box, or use your browser dev tools to inspect the generated select box on the front end and identify an alternate CSS selector to target the select box directly.

For standard categories, something like this should work:

select[name*="category"] {
  color: red;
}

[Minesh]

Hello. Thank you for contacting the Toolset support.

As you can see with our Docs - [cred_field] shortcode do not offer class attribute:
=> https://toolset.com/documentation/user-guides/cred-shortcodes/#cred_field

You may try to use jQuery and use addClass method to add class to your element.
=> hidden link

[leeF-2]

Ah.. I misread the documentation.

Thanks that solved it!