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!

Vota questo articolo!

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...

 

Ti interessa anche
COME MODIFICARE IL COLORE DELL’ICONA HAMBURGER DEL MENU MOBILE

Torna a
SOLUZIONI WORDPRESS

Hai bisogno d’aiuto?
REALIZZA IL TUO SITO CON WEMAXE

oppure
CONTATTACI

Menu mobile, come personalizzare forma e bordo ultima modifica: 2018-09-08T14:36:00+00:00 da admin