Skip Navigation

[Closed] Difficuly in styling forms

This support ticket is created 4 years, 12 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+01:00)

This topic contains 1 reply, has 2 voices.

Last updated by Nigel 4 years, 12 months ago.

Assisted by: Nigel.

Author
Posts
#1723667
Toolset generated form.png
Elementor Forms Contact form.png

Currently I am building a website using Elementor, Profile Builder and Toolset as my main tools.

Using Elementor Forms I build a Contact form.
And Toolset helped me generate several forms for user frontend editing of custom post types.

Of course I need each of these forms to use the same unified style of my site.
But as far as I can see, that is not possible

Elementor fully allows you to style the size, border, color and other properties of the elements of the its forms.
But Toolset regretfully lacks adequate form styling options.

I have managed to partially adapt the style of the Toolset form using CSS generated with the CanvasFlip Visual Style Editor Chrome Extension.
However still more styling changes have to be made.

Question: What can I do to fully bring the styling of my Toolset forms in line with my sites style?

#1723809

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+01:00)

You should be able to get most of the way by examining a page with a form with your preferred styles in the browser developer tools to see markup and class names used by the form which are targeted by the theme's CSS rules.

When you edit your Toolset form, if you switch to Expert mode you will have full control over the markup used by the form, and you can edit it to, for example, add classnames to containers so that they pick up the same CSS style rules as on the other pages. That way, the buttons would be styled the same, etc.

If you need help with some specific element in a particular form I can see if I can help. I'd need links to pages with both forms to compare.

(At some point the form editor is likely to move to blocks, where you would be able apply styles to each block, but that is some way off yet.)

The topic ‘[Closed] Difficuly in styling forms’ is closed to new replies.