Buy Now
Sign in

Change the presentation with the CSS files

jmgroud , February 05 2020, 09:54
jmgroud 149
February 05 2020, 09:54 #391042
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
Le peu que je sais est occulté par le trop que je ne sais pas...
(The little that I know is overshadowed by the too much that I don't know ...)
healyhatman 9
February 05 2020, 10:59 #391044
[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]
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store
jmgroud 149
February 05 2020, 14:19 #391045
Thank you healyhatman for your reponses
I will try to modify directly the "semantic.min.css" file...
Wait and see... ;-)
Le peu que je sais est occulté par le trop que je ne sais pas...
(The little that I know is overshadowed by the too much that I don't know ...)
healyhatman 9
February 05 2020, 20:02 #391048
No dont do that you will lose changes every time CF updates
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store