Salve ragazzi da firebug ho visto che nel tag <li> di jcarousel c'è una regola css che setta la width
ovviamente non va bene per il lavoro che sto facendo, ho visto che comunque setta tutto da js solo che non so come toglierlo.
sapreste aiutarmi?
grazie
Non setta tutto da js le dimensioni, colori, frecce ed altro sono gestiti dal css.
se vedi lo screen firebug non mi indica da quale css proviene la "width" e comunque sia con css ci ho lavorato molto ho anche tentato di fare un override della classe ma niente, io nel js ci ho messo le mani e effettivamente il tag "width" si toglie ma mi genera un altro errore, per questo volevo sapere qualcosa da qualcuno CHE SA.
grazie
Di norma i moduli NON vanno toccati per evitare problemi in caso di aggiornamenti, al massimo va creato un modulo che si aggancia ad uno esistente e ne modifica le proprietà.
Detto questo, a volte firebug non individua il css di provenienza. E' una cosa rara ma mi è capitato. La soluzione è andare a pescare il css originale e studiarselo.
Per quanto riguarda jcarousel, trovi i css dentro la cartella skins. Ti copi quello che serve nel css del tema e lo modifichi.
Io di solito uso jcarousel in combine con views, in questo modo puoi fare dei settaggi ed associarlo a dei campi ottenendo effetti interessanti.
avevo trovato un thread in inglese dove dicevano di andare a fare questa modifica addiritura da codice, per questo sono andato a puntare sul js.
Per quanto riguarda il css io ho anche fatto l'override e ho messo quello di default nella cartella del mio tema e tutte le modifiche che faccio le vedo ma non riesco proprio a trovare dove togliere/settare quel "width"
io anche lo uso con views ma mi sono girato per lungo e largo anche la vista ma senza risultati.
grazie
Ci sono diverse larghezze da settare. Questo è un esempio con la skyn default in orizzontale che ho allargato in modo da coprire una larghezza di 960px:
.jcarousel-skin-default {text-align: center;
}
.jcarousel-skin-default .jcarousel-container-horizontal {
width: 890px;
height: 110px;
padding: 40px 40px;
margin: auto;
}
.jcarousel-skin-default .jcarousel-clip-horizontal {
width: 890px;
}
.jcarousel-skin-default .jcarousel-item {
padding: 0;
width: 138px;
height: 124px;
padding-top:4px;
overflow: hidden;
border: 1px solid #CCC;
list-style: none;
background: #fff none;
}
.jcarousel-skin-default .jcarousel-item-horizontal {
margin: 0 4px;
}
.jcarousel-skin-default .jcarousel-item-placeholder {
background: #fff url(img/throbber.gif) no-repeat center center;
color: #000;
}
Poi devi intervenire anche nella sezione Buttons ed Horizontal Buttons per aggiustare le dimensioni ed eventualmente personalizzare le frecce.
Copia tutto nel css del tema, copia anche le immagini nel tuo tema e fai riferimento a quelle per personalizzarle.