Thursday, November 15, 2018

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.

https://www.chronoengine.com/forums/posts/f5/t100824.html

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…