it-swarm-eu.dev

Come posso risolvere al meglio un Gantry Framework e ChronoForms Styling Conflict?

Sto usando i modelli ChronoForms e RocketTheme sulla maggior parte dei siti Web che creo.

Il Gantry Framework include alcuni Bootstrap che sovrascrive lo stile ChronoForms in modo che (ad esempio) una casella di input di testo abbia una dimensione fissa di 206 pixel:

input, textarea, .uneditable-input {width: 206px;}

Sembra che questo stia accadendo a causa dell'ordine di caricamento del foglio di stile:

<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" />

Esiste un modo semplice per abilitare lo stile ChronoForms rispetto allo stile Gantry bootstrap senza modificare i file core?

6
Neil Robertson

In Chronoforms puoi LoadCSS negli eventi del tuo modulo. Dovresti essere in grado di scavalcare Gantry.

5
Jeepstone

Senza gli elementi installati di fronte a me sto immaginando che questo possa essere cambiato nell'intestazione del modello di index.php. Se è fatto qui, dovrai seguirlo durante l'aggiornamento del modello.

So che i plugin sono caricati dall'ordine visto nel gestore dei plugin. Potrei guardare lì, ma potrebbe non essere di grande aiuto perché questo è principalmente un modello.

4
poproar