COME MODIFICARE BORDO E FORMA DEL MENU MOBILE
8 SETTEMBRE 2018 | SOLUZIONI WORDPRESS
MENU MOBILE
Molti temi di wordpress non forniscono la possibilità di personalizzare lo stile del menu mobile se non il colore di fondo ed il colore delle voci. Se però si vuole dare un tocco personale, è possibile modificare la forma, il colore e lo spessore del bordo e anche le aree delle singole voci del menu.
In questo articolo ci occuperemo in particolare solo di bordo e forma, come si fa?
SOLUZIONI WORDPRESS
il nuovo blog di WeMaxe propone la seguente procedura. Dall’interfaccia wordpress seguire il seguente percorso: ‘bacheca>aspetto>modifica CSS’, si aprirà la finestra chiamata ‘CSS aggiuntivo’ nella quale inserire il seguente codice:
/*#####Modifica forma, stile, spessore e colore menu a tendina mobile#####*/
.et_mobile_menu {
border: 1px solid #197001 !important; border-radius: 5px !important;
}
In questo modo abbiamo agito su 2 proprietà del bordo ovvero ‘border‘ e ‘border-radius‘, esaminiamoli nel dettaglio.
‘Border radius‘ si esprime in pixel e rappresenta il grado di curvatura che si vuole dare agli spigoli della tendina.
‘Border‘ invece ci permette di operare sullo stile del bordo, nel nostro caso abbiamo inserito uno spessore di 1 pixel, l’attributo ‘solid‘ che ci restituisce un bordo costituito da una linea continua ed infine il colore in formato esadecimale.
Gli attributi che si possono utilizzare sono diversi:
‘none‘ ovvero senza linea
‘dotted‘ ovvero bordo costituito da punti
‘dashed‘ ovvero bordo costituito da trattini
‘solid‘ ovvero linea continua
‘double‘ sta per linea doppia
‘inset‘ tridimensionale verso l’interno
‘outset‘ tridimensionale verso l’esterno
ed altri ancora come ‘groove‘ e ‘ridge‘.
IN CONCLUSIONE
Il CSS aggiuntivo ci permette quindi di intervenire laddove il tema di wordpress non lo consente, come nel caso dello stile del menu mobile, semplicemente aggiungendo poche righe di codice nel modo giusto. Se ti è piaciuto questo articolo comunicalo tramite il link in fondo. Alla prossima!
