I am using ChronoForms and RocketTheme templates on most of the websites I build.
The Gantry Framework includes some Bootstrap styling that overrides the ChronoForms styling so that (for example) a text input box is a fixed size of 206 pixels:
input, textarea, .uneditable-input {width: 206px;}
It looks like this is happening because of the stylesheet load order:
<link rel="stylesheet" href="/components/com_chronoforms/css/frontforms_tight.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck/theme/classic/formcheck.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck_fix.css" type="text/css" />
<link rel="stylesheet" href="/templates/gantry/css-compiled/bootstrap.css" type="text/css" />
Is there an easy way to enable the ChronoForms styling in preference to the Gantry bootstrap styling without editing core files?