Skip Navigation

[Resolved] Styling forms like gravity forms

This support ticket is created 5 years, 3 months ago. 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.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by leilaG 5 years, 3 months ago.

Assisted by: Luo Yang.

Author
Posts
#1312747

Hey, we use quite a few of gravity forms on our site and would to style the toolset forms to match the same gravity style. What would be the best way to do this?

#1312803

Hello,

I am not familiar with the plugin "gravity forms".

Please elaborate the question with more details:
What kind of gravity style do you want?

The Toolset Forms plugin supports Booststrap framework(hidden link), so you can follow their document to style elements of Toolset Forms:
hidden link

See our blog post:
https://toolset.com/2019/07/toolset-now-supports-bootstrap-4/
section "Forms":
All input elements in front-end forms now use the new Bootstrap 4 classes. The HTML markup for input elements is also updated to use Bootstrap 4.
Similar to Views and Layouts, the column widths in the newly created Forms use the Bootstrap 4 default ("col-md-").

And here is a document about "styling form":
https://toolset.com/documentation/user-guides/styling-cred-forms/

For your reference.

#1313549
gravity.png
toolset-forms.png

Hey thanks for the links

I have attached images of the forms.

#1314129

Thanks for the details, there isn't such kind of built-in feature within Toolset Forms plugin, it needs custom CSS codes.

But according to our support policy, we don't provide custom codes support:
https://toolset.com/toolset-support-policy/

I have searched it in google, and found some related demos, for example this one:
hidden link

For your reference.

#1314595

Okay thanks for the link.