main joomla template overrides type="text" css

Hello, apologies if this has already been covered in other forum queries.
I'm currently editing the css of my form but my main joomla template overrides the custom css I am creating. Namely, for text boxes and the type="text" parameter, my main joomla template takes over and makes it impossible to customise.
I have tried to find the file in the backend file that controls this parameter to no avail.
I would prefer not to edit my main joomla template as it affects other parts of my website.
Can anyone help?

Hi,
the problem you describe is well known and it is not possible to avoid that there may be problems with the css between Visforms and a template.

Visforms uses weak css selectors in order to fit into the look and feel of the template, but sometimes this causes the problem you describe. So you have to write custom css (as you already figured) and you have to use stronger selectors than the one's used by your template css. (for example include form.visform in the selector).

I continuously tried to improve Visforms with regard to that problem. In Visforms 3.5.1 I moved the code that creates the HTML into layout files which can be overridden in your template folder

www.vi-solutions.de/en/documentations/vi...layout-with-override

In Visforms 3.6 I added a feature which allows you to create a custom.css file for Visforms, which will not be changed or deleted if you update Visforms, so that you changes will not be touched.

www.vi-solutions.de/en/documentations/vi...form-layout-with-css

Hope this will help you.

Regards,
Aicha

Thanks Aicha, your response was very helpful