Forums

Change the presentation with the CSS files

jmgroud 05 Feb, 2020
English
Good morning all

I want to integrate Chronoconnectivity/ChronoForms to an already existing site and have with Chrono a CSS presentation identical to that of the site.
By performing some display tests in table form, I realized that I was using at least 3 css files:
- Bootstrap.css
- semantic.min.css
- reset.inline.min.css
There may be others ... I don't know ...
Question 1
Can you tell me what these files are for? What are the reasons for having more than one? What are their priorities in relation to each other?
Question 2
Are there other CSS files used by ChronoConnectivity and ChronoForms?
Question 3
How to change the general presentation of Chrono extensions to be identical to that of the Joomla template?
I use "Themler" to create the template.
Thanks a lot

Français
Bonjour à tous

Je désire intégrer Chronoconnectivity/ChronoForms à un site déjà existant et avoir avec Chrono une présentation CSS identique à celui du site.
En effectuant quelques tests d'affichage sous forme de table, je me suis aperçu que j'utilisais au moins 3 fichiers css :
- Bootstrap.css
- semantic.min.css
- reset.inline.min.css
Il y en a peut-être d'autres... je ne sais pas...
Question 1
Pouvez-vous m'indiquer à quoi servent ces fichiers ? Quels sont les raisons d'en avoir plusieurs ? Quels sont leurs priorités les uns par rapport aux autres ?
Question 2
Y-a-t-il d'autres fichiers CSS utilisés par ChronoConnectivity et ChronoForms ?
Question 3
Comment changer la présentation générale des extensions Chrono de façon à être identique à celle du template de Joomla ?
J'utilise "Themler" pour créer le template.
Merci à tous
healyhatman 05 Feb, 2020
[font]1.
bootstrap.css is probably loaded by your template
semantic ui is what CF uses for its form - package that includes js and css. min means it's minified - all linebreaks and additional spaces removed.
reset is something to do with making sure certain things all look the same, like the main body will have particular attributes. Probably.

2. Don't think so, but you could always press F12 and have a look at the Network tab when you load up the page to see what CSS files are loaded

3. You either need to give your fields the same class your template CSS is targetting, or change your template css to target the semantic ui classes.[/font]
jmgroud 05 Feb, 2020
Thank you healyhatman for your reponses
I will try to modify directly the "semantic.min.css" file...
Wait and see... ;-)
healyhatman 05 Feb, 2020
No dont do that you will lose changes every time CF updates
This topic is locked and no more replies can be posted.