Sostituire il logo in una pagina specifica del tema Avada

Avada è un tema per WordPress di ottima qualità, proposto da “ThemeFusion”, dotato di svariate opzioni che lo rendono estremamente versatile e personalizzabile. In alcune occasioni, potrebbe sorgere la necessità di utilizzare un logo differente da quello principale in una pagina specifica.

Nascondiamo il logo principale inserendo all’interno della pagina il codice seguente:

.fusion-logo img {
    display: none;
}

Inseriamo il nuovo logo dopo aver individuato l’ID della pagina:

.page-id-ID .fusion-logo-link {
    background-image: url(percorso dell'immagine del nuovo logo);
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    position: relative;
    height: altezza del nuovo logo espressa in px;
    width: larghezza del nuovo logo espressa in px; 
}

Se all’evento “scroll” è attivo lo “sticky header” potrebbe sorgere la necessità di modificare il colore della barra flottante:

.fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header, .fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-secondary-main-menu {
    background-color: codice colore;
}