Back to top

Autore Topic: [RISOLTO] Lista sottocategorie su due colonne  (Letto 1176 volte)

Offline giampus

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
[RISOLTO] Lista sottocategorie su due colonne
« il: 03 Ott 2013, 23:55:40 »
Salve,


tempo fa avevo letto l'articolo "Override template - parte 3.2 - modificare modalità Lista" che analizzava la modalità "Lista articoli" di una categoria.
Chiedo se è possibile impaginare la lista delle sottocategorie su due colonne modificando la class css "cat-children" e poi usare l'override!
Per il momento ho optato con un modulo ripetuto due volte e ad ognuno ho assegnato un tot. di sottocategorie ma vorrei semplificare la cosa...
Grazie per l'eventuale aiuto.
Gampus


« Ultima modifica: 11 Ott 2013, 21:48:34 da giampus »

Offline giampus

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
Re:Lista sottocategorie su due colonne
« Risposta #1 il: 11 Ott 2013, 20:38:11 »
Dopo vari tentativi e letture nel web ho risolto in questo modo:
1. Ho cercato nel css la classe ".cat-children" (naturalmente senza virgolette) che gestisce la lista delle sottocategorie.
2. Ho inserito questi parametri (sulla base del risultato grafico che mi interessava ma si possono fare le modifiche personali che servono):

/* Sub Category List ---*/

.cat-children,.cat-children li{margin:0;padding:0;list-style:none}

.cat-children{
    width: 100%;
    overflow: hidden; /* simple clearing of floats */
    padding: 1em 0;
    margin: 2em 0;
    line-height: 1.8;
    background: #fff
}

.cat-children li{
    float:left;
    width:44%;
    margin-left: 0;
    display: inline; /* per evitare il float double margin bug di IE*/
    border-bottom:0px
}

.cat-children a{
    display:block;
    color: #9B8560;
    height: auto !important;
    height: 1%; /*holly hack semplificato per IE*/
    text-decoration:none;
    padding-left:10px;
    background: url("../images/bullet.gif") no-repeat 0px 7px;
}

.cat-children a:hover{color:#626a8f}

.cat-children h3 {margin: 0 0 10px 5px}

.cat-children ul {}

.cat-children ul li {}

.cat-children ul li span.item-title {}

.cat-children ul li span.item-title a {}


Consigli per migliorare ancora sono sempre bene accetti...
Spero che questa soluzione intanto possa aiutare...
Giampus
« Ultima modifica: 11 Ott 2013, 21:44:40 da giampus »

 



Web Design Bolzano Kreatif