Overriding CSS in Chronoforms 5

I needed to override the standard CSS in Chronoforms. I was using the GCoreUI styling. When the screen size was less than 700px wide the input boxes went below the label, but the label text was still right aligned. I wanted the text to switch to left align.

I quickly found my answer here.


In the “Setup” tab I added “load CSS” after the “Render HTML” in the load area. It worked great. I was even able to use a media query to when using the “Load CSS”

I wanted to use an external CSS file because it is easier to for me to read. I had to use the following path to link the external CSS file.

../../path to the css file.

I hope this helps someone else out there…