How to override bootstrap css?

Forums

Please write a review for the extension you are using on the Joomla extensions directory before posting a new question as we are being spammed by many negative reviews.

Thank you for your support!

How to override bootstrap css?

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.

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

HerKle 24 Mar, 2019

Thanks again, GreyHead!

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