Joomla.it Forum
Joomla! 3 => I Template di Joomla! 3 => : giocoker 10 May 2015, 09:30:19
-
un saluto a tutti!
Avrei bisogno di un aiuto per poter distanziare le voci di menù in verticale. ho inserito delle immagini come voce di menù ma il risultato è di averle tutte troppo vicine in verticale.
Grazie mille a chi mi risponderà!
gio
-
Ciao giocoker,
devi modificare il valore del padding nel file template.css (http://tuodominio/templates/a4joomla-lakeside3r-free/css/template.css)
più o meno alla linea 7796.
-
Ciao,
intanto grazie per la risposta; ho provato a variare il valore di padding in tutte le righe (nei pressi di dove mi hai indicato) ma senza risultato....dove era presente il valore zero ho messo il valore 2 per prova ... ma non ho ottenuto nessun risultato.... Se hai qualche altra idea.....
ciao e grazie
-
dove era presente il valore zero ho messo il valore 2 per prova
2 o 2px?
-
Ciao,
ho modificato dove il valore era zero (con px e senza)
ciao
-
non ho scritto px dove non c'era
ciao
-
in questa zona qui:
/* ======= SIDE MENUS ================================ */
.moduletable_menu {
padding: 0px 0px 5px 0px;
margin-bottom: 30px;
}
.moduletable_menu h3 {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 0px;
margin: 0 0 1px 0;
padding: 2px 0 3px 0;
}
.moduletable_menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.moduletable_menu li {
border-bottom: 0px solid #ccc;
padding: 4px 0 4px 0em;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.moduletable_menu li a {
display: inline;
text-decoration: none;
padding: 0;
}
.moduletable_menu li .nav-header {
display: block;
padding: 0;
font-size: 13px;
font-weight: bold;
line-height: 18px;
color: #000;
text-shadow: none;
text-transform: uppercase;
}
html > body .moduletable_menu li a {
width: auto;
}
.moduletable_menu li ul {
list-style-type: square;
list-style-position: inside;
font-size: 12px;
}
.moduletable_menu li ul li {
border-bottom: 0px solid #ccc;
border-top: 0px solid #ccc;
padding: 4px 0 2px 1em;
text-transform: none;
letter-spacing: 0px;
}
.moduletable_menu li ul li a {
display: inline;
text-decoration: none;
padding: 0;
}
html > body .moduletable_menu li ul li a {
width: auto;
}
-
Strano, dal demo del template io vedo questi valori
.moduletable_menu li {
Padding: 4px 0 4px 0
Modifica il valore del primo .
Se metti un link al sito sarebbe meglio.
Secondo me hai sbagliato il rigo della modifica, devi modificare la sezione che ti ho indicato in verde.
-
verso il rigo 7761 ho questo
.moduletable_menu li {
border-bottom: 0px solid #ccc;
padding: 4px 0 4px 0em;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
-
verso il rigo 7761 ho questo
.moduletable_menu li {
border-bottom: 0px solid #ccc;
padding: 4px 0 4px 0em;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
Modifica il valore in rosso.
-
hai un MP
-
ho portato il valore da 4 a 10 ma non succede niente......