Styling Pro Forms – Add classes depending on element type

[knut_studio]

Hello awesome community

I am styling a Pro Forms, and I am facing some issues due to the lack of specific classes in each element type.

So far, I have styled my radio type elements to look like this:

To do so, I have set the ul.options-wrapper to display: grid.

So far, so good.

Now, I have added another element to the form: a checkbox. This is also wrapped with an ul.options-wrapper, so it gets the same display:grid I set for the radio element. Which I don’t want to, here!

If BF could add a class to the option-wrapper, like .options-wrapper .checkbox / .options-wrapper .radio that would make so much easy to style differently every type of element on a form.

What do you think?

Isaura

[Daniele]

Hey! Thanks very much for opening this post! I’ve already played with the idea to generate an individual class for each form-group AND/OR to give you the possibility to setup a custom class if needed. Hmmmm… what would help you more?

[knut_studio]

Hey Adding the possibility to add a custom class would be great! Thank you Daniele!

[Daniele]

Coming with the next release

[Revere]

And, this is why Bricksforge is amazing. @Daniele’s responsiveness to user requests is amazing.

[knut_studio]

You are totally right, Steve!