Skip Navigation

[Résolu] Add CSS to Toolset Forms

Ce fil est résolu. Voici une description du problème et la solution proposée.

Problem:
How can we style Toolset Forms with Custom CSS?

Solution:
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, linked below.

Relevant Documentation:
https://toolset.com/documentation/user-guides/styling-cred-forms/

This support ticket is created Il y a 5 années et 2 mois. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Aucun de nos assistants n'est disponible aujourd'hui sur le forum Jeu d'outils. Veuillez créer un ticket, et nous nous le traiterons dès notre prochaine connexion. Merci de votre compréhension.

Sun Mon Tue Wed Thu Fri Sat
- - 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00 14:00 – 20:00
- - - - - - -

Supporter timezone: Asia/Ho_Chi_Minh (GMT+07:00)

Marqué : 

Ce sujet contient 4 réponses, a 2 voix.

Dernière mise à jour par indianplayschools Il y a 5 années et 2 mois.

Assisté par: Beda.

Auteur
Publications
#1284529

I am trying to edit the user form that I created using CRED for registration on the website.
lien caché
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.

#1284879

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

#1284881
Capture.JPG

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?

#1284891

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!

#1284903

My issue is resolved now. Thank you!

Ce ticket est maintenant fermé. Si vous êtes un client de Toolset et que vous avez besoin d'aide, veuillez ouvrir un nouveau ticket d'assistance