Cambiare l’immagine di sfondo del Body di Joomla e lo sfondo di Print

Durante la modifica del layout di un sito realizzato con Joomla spesso è necessario cambiare l’immagine di sfondo, lo sfondo del tag body. Purtroppo modificare questo aspetto porta degli svantaggi spesso dovuti alla mancanza di esaustività del CSS del template.
Infatti lo stesso sfondo si troverà poi quando clicchiamo l’icona per avere una versione stampabile di un articolo e quando inseriamo il contenuto nel backend del sistema.

Per risolvere il primo problema occorre aggiungere al CSS le linee

body.contentpane {
background: White;
}

Per il secondo problema occorre una spiegazione: il mambot che si occupa dell’inserimento WYSIWYG del contenuto di default è TinyMCE. Questo mini-editor usa di default il CSS del template, per cui se abbiamo lo sfondo del body nero, lo sfondo dell’editor sarà nero. Per ovviare a questo problema occorre andare nella configurazione dei mambot, selezionare TinyMCE ed alla voce “Template CSS Classes” selezionare No.
Ora occorre specificare quale CSS vogliamo usare. Il mambot TinyMCE è utilizzabile in due configurazioni: simple ed advanced. A seconda del tipo di funzionalità - specificabile nella configurazione del mambot - il CSS usato è diverso: per simple si trova in mambots/editors/tinymce/jscripts/tiny_mce/themes/simple/css, per advanced in mambots/editors/tinymce/jscripts/tiny_mce/themes/advanced/css. Nella casella “Custom CSS Classes” della configurazione del mambot indicare uno dei tre file che si trovano nella cartella, ad esempio indicando editor_content.css tutto ritorna a funzionare a meraviglia, con lo sfondo bianco.