Loading custom CSS that overrides the chronoforms css in v6

ftpaul 03 Apr, 2018
I have to change the top-margin on the pop up message that displays after a form is submitted. I can't seem to get any CSS override to work. I added the custom CSS in the designed tab with the CSS control and that didn't work.

Is there any way to get my CSS override into the form after data has been submitted without editing the CSS itself.

Also, where is the CSS for v6 located?
healyhatman 04 Apr, 2018
Try adding the custom CSS to your template.
ftpaul 04 Apr, 2018
We did but the chronoforms template is overriding our added css.
ftpaul 05 Apr, 2018
Well, since nobody seems to have the answer then where is the CSS file that I need to edit to move the message box that gets displayed after a form is submitted?
healyhatman 05 Apr, 2018
So you can't put a custom CSS action before the message, with for example
.selector { padding-top:20px !important; }
Obviously replacing .selector with whatever the message's class is (right click, inspect element)
ftpaul 05 Apr, 2018
This is what's happening. When I add a CSS action in the designer tab, nothing shows up when I inspect the element's CSS.

So I tried adding a template override and the Chronoforms v6 CSS lines it out and takes precedence. I cannot get my CSS into the form at all.
ftpaul 05 Apr, 2018
Thank you. That worked.
This topic is locked and no more replies can be posted.