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?
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.