Avada è un tema per WordPress di ottima qualità, proposto da “ThemeFusion” un team di sviluppatori esperti, ed è 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; questa modifica potrà essere effettuata inserendo all’interno della stessa codice CSS.
Iniziamo l’operazione nascondendo il logo principale:
.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 sostituirne il colore:
.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;
}
