stile visualizzazione sottocategorie orizzontale e non verticale non risolto

[robylupin87]

buongiorno,

sono giorni che lavoro a questo problema senza soluzioni

le stottocategori visualizzate nella pagena centrale sono disposte in modo verticale. io ho l'esigenza di disporle in modo orizzontale. la versione 1.5 le porti in verticale di default, mentre le versioni precedenti le portano in verticale con un'allinemento esempio 4x3.

qualcuno conosce il modo oppure il modulo che applichi questa modifica????

grazie

[eugenata]

Ciao robylupin87.

...

le stottocategori visualizzate nella pagena centrale sono disposte in modo verticale

...

 

Aggiungi questa regola al tuo file categories.css.

 

#subcategories .inline_list li {
 float: left;
 height: 80px;
 width: 150px;
}

 

poi modifica questa in questo modo:

 

.inline_list li .img {
 display: block;
 text-align: center;
}

 

e quest'altra in questo modo:

 

.inline_list li .cat_name {
 display: block;
 font-size: 13px;
 font-weight: bold;
 text-align: center;
}

 

Visualizzerai le sottocategorie disposte su 4 colonne

 

Queste regole fonzionano sicuramente su un'installazione non modificata, se hai modificato qualcosa prima, allora non ti garantisco che vedrai correttamente le sottocategorie disposte a grilgia.

Potrebbe essere necessario aggiustare l'altezza e la larghezza in base alle impostazioni delle dimensioni delle tue miniature.

[robylupin87]

grazie eugenta diciamo che sei l'unico professionista presente su questo forum.

cmq a me in questo momento e cosi non trovo la prima regola che mi hai scritto tu devo aggiungerla a quella presente o creare una nuova sotto grazie

 

#subcategories {margin-top:15px}
#subcategories h3 {
padding:14px 12px;
font-size:13px;
color:#fff;
text-transform:uppercase;
text-shadow:0 1px 0 #666;
background:url(../img/bg_table_th.png) repeat-x 0 0 #999
}
.inline_list {
list-style-type:none;
margin-top:10px;
}
.inline_list  li {
padding:10px 0;
border-bottom:1px dotted #ccc
}
.inline_list  li .img {
float:left;
margin-right:15px
}
.inline_list  li img {
border:1px solid #ccc
}
.inline_list  li .cat_name {
font-weight:bold;
font-size:13px
}

[eugenata]

Ciao robylupin87, la prima regola non è presente nel foglio di stile, devi aggiungerla, ovvero copiarla così com'è e incollarla nel tuo file categories.css.

Le altre regole invece, sono presenti e vanno modificate in modo che ci sia scritto solo quello che vedi indicato.

[Perla2018]

Ciao eugenata, il mio category,css e cosi:

 

/* category.tpl */

body#category #subcategories{margin-bottom:10px}

body#category #subcategories h3{ font-size:13px; margin:0}

body#category #subcategories li { margin:0 20px;}

div.cat_desc { margin: 0 0 10px; }

body#category div#subcategories .inline_list a img { display: none }

#category img#categoryImage { margin-top: 1em }

 

me lo restituisci corretto cosi non sbaglio,,,,,grazie