How to override bootstrap css?

Override Bootstrap CSS in ChronoForms to customize button styles.

Overview

The issue occurs because ChronoForms loads its CSS after your custom.css, overriding your button design.
Add custom CSS in the form's Designer tab using specific form and element IDs with the !important attribute to enforce your styles.

Answered
ChronoForms v5
He HerKle 24 Mar, 2019
Joomla (3.9.4) loads the css files connected to chronoforms after my custom.css. This overrides my desired shape and color of buttons. I cannot change the order of laoding css files, since this happens in my template's index.php (based on protostar) by the command
<jdoc:include type="head" />
which I cannot influence.

Has anybody succeeded in letting the custom css win over bootstrap css?

I do not want to deactivate bootstrap generally by chronoform's 'style' dropdown - most of it is very welcome. It's just about getting the buttons fit into my design.
Gr GreyHead 24 Mar, 2019
Answer
1 Likes
Hi Herkel,

You can add Custom CSS in the form Designer tab. Use the Form and element IDs and the !important attribute to over-ride the default settings.

Bob
This topic is locked and no more replies can be posted.