[Resolved] Add CSS to Toolset Forms

[Author]

Posts

[indianplayschools]

I am trying to edit the user form that I created using CRED for registration on the website.
hidden link
Please let me know how to add css to change the size of the labels and center the label Submit.
Any documentation related to this would be helpful.

[Beda]

CSS can be added to every single Form, like JS can be added too.
For this, you need to edit the form, scroll below the Forms DnD editor, and find the CSS Editor section.

Open it and insert your CSS there.
Or, you can as well put it in Toolset > Layouts CSS and JS if you use Layouts, or even to your theme's CSS file.

To find the classes and ID's to address your best use the Browser Console and look after the HTML you want to alter.
Then use those classes or ID's to add your CSS.

Note, there is also a DOC that helps to find the right classes and ID's:
https://toolset.com/documentation/user-guides/styling-cred-forms/
https://toolset.com/documentation/user-guides/styling-cred-forms/#submit

Please let me know if this helps adding your Custom CSS

[indianplayschools]

I observed just now, that the above page which has a form is visible only when I am logged in. This form disappears when I am logged out. Did I set any parameters without my knowledge?
Also, how can remove nickname column?

[Beda]

Please open one ticket for each issue (see https://toolset.com/toolset-support-policy/)

1. The Toolset Forms show for all users (even guests) if not controlled by Toolset Access, see:
https://toolset.com/documentation/user-guides/access-control-for-cred-forms/
2. If this is a User form that Edits Users then you cannot see it as a Guest, as you are no registered user (when guest) and should not edit users as a Guest, however, you can further control this as well with Toolset Access
3. You can edit the Form with the DnD Editor which has limited capability over required fields - if you cannot remove a Field in the DnD editor of the Form by pressing its "Trash" button, you can always switch to Expert Mode and delete the HTML of it, if you are sure you do not need that field.

Thanks!

[indianplayschools]

My issue is resolved now. Thank you!