it-swarm.it

Come sovrascrivere un file CSS di estensione

Sto usando un'estensione e vorrei apportare alcune modifiche CSS, tuttavia non voglio che queste modifiche vadano perse quando aggiorno l'estensione.

Come farei per eseguire una sostituzione CSS?

4
Lodder

Innanzitutto devi assicurarti che lo sviluppatore abbia usato l'approccio corretto per importare il file CSS, usando JHtml, in questo modo:

JHtml::_('stylesheet', 'mod_module/style.css', ['relative' => true]);

La chiave di ciò è l'argomento true. Se questo non è definito o è false, la sostituzione non è possibile.

L'argomento true indica che il percorso è relativo al /media directory e durante l'importazione del file, controllerà prima la directory CSS del modello, per vedere se esiste una sostituzione.

Quindi prendiamo mod_login come esempio. Per eseguire l'override, è necessario creare una cartella denominata mod_login nella seguente directory:

templates/tuo_template/css /

quindi il risultato sarà:

templates/tuo_template/css/mod_login /

Una volta fatto, copia il file CSS delle estensioni dal media/ nella cartella appena creata, quindi finirai con:

templates/tuo_template/css/mod_login/style.css

Puoi quindi iniziare a modificare questo file come desideri.

8
Lodder

La risposta di Lodder è ottima e presenta le possibilità disponibili in Joomla per le sostituzioni css dell'estensione. Ma come ha menzionato nella sua domanda, non tutte le estensioni supportano questo metodo per le sostituzioni CSS.

Un altro modo conveniente per applicare i propri stili alle estensioni è inserire tutti i propri stili personalizzati all'interno di un file di sovrascrittura custom.css nel modello.

Di solito la maggior parte dei modelli commerciali fornisce un modo semplice per aggiungere le proprie sostituzioni css. Una pratica molto comune è quella di creare un file custom.css all'interno della cartella css del modello.

Questo Q/A qui: Come posso sovrascrivere gli stili CSS nel mio modello? mostra come fare e ha riferimenti per i framework di template più popolari.

Se stai creando il tuo modello personalizzato, puoi semplicemente aggiungere i tuoi CSS aggiuntivi nel file CSS del tuo modello o collegare un file CSS aggiuntivo per le sostituzioni delle estensioni.

1
FFrewin