Aiuto modifica slideshow template [RISOLTO]

[boksic77]

Salve a tutti, avrei bisogno di modificare questo template (veniyard 1.7) visibile qui
Nello specifico vorrei eliminare i tre pallini con 1 2 3 nello slideshow lasciando naturalmente invariato lo showgallery delle 3 immagini.
Qualche suggerimento? Ho esaminato con firebug ma non sono riuscito a venirne a capo.......

[hoguera]

Ciao, potresti rimuovere tutto questo blocco: <ul style="opacity: 1;"> nel file tdefault.css
P.S. Tieni una copia del file originale !

[boksic77]

Non esiste opacity nel css.
La parte rigurdante lo showslide nel css è la seguente, ma credo che il problema sia in un file js chiamato slideshow.js.....purtroppo di javascript non mi intendo molto.....

/****SLIDE*********/
#slideshow-w {
float:left;
width:926px;
height:574px;
background: url(../images/slideshow.png) 0 0px no-repeat;
margin-top:0px;
margin-left:10px;

}

#slideshow {
float:left;
width:857px;
height:394px;
position:relative;
background:transparent;
margin-top:51px;
margin-left:42px;

}

.slideshowlite {
float:left !important;
width: 857px;
height: 394px;
padding:0;
margin:0;
;
}

.slideshowlite a {
position:absolute;
left:0;
z-index: 5;
text-align:left;

}

.slideshowlite img {
border: none;
z-index:3;
margin:0;
padding:0;

}

.slideshowlite ul {
position: absolute;
margin-top: 420px;
left:350px !important;
 z-index: 9;
list-style-type:none;
background: transparent;
width:123px;
height:50px;

}

.slideshowlite ul li,
.slideshowlite ol li {
float: left;
width: 33px;
padding: 0 2px 0 2px;
margin:0;
list-style-type:none;
border:none !important;

}

 .slideshowlite ul li a {
background: url(../images/bg-slide.jpg) 0 0 no-repeat;
 position: relative;
display: block;
width: 33px !important;
height: 36px !important;
float: left;
/*  line-height: 31px;  */
text-decoration: none;
text-align: center !important;
font-size: 13px;
 font-weight: bold;
color: #fff !important;
border:none !important;
padding-top:10px;

}

.slideshowlite ul li a.current {
background: url(../images/bg-slide-hover.jpg) 0 0 no-repeat;
color: #ffffff !important;

}

.slideshowlite ul li a:hover {
color: #ffffff !important;
background: url(../images/bg-slide-hover.jpg) 0 0 no-repeat;

}
 
.slideshowlite ol {
display: none;

}

[hoguera]

Ciao, se hai risolto mettilo sul titolo, magari descrivi la soluzione trovata

[boksic77]

Allora, ecco la soluzione trovata dall'amico hoguera, modificare il css con:

slideshowlite ul {
background: none repeat scroll 0 0 transparent;
    list-style-type: none;
    position: absolute;
}

slideshowlite a {
    left: 0;
    position: absolute;
    text-align: left;
    z-index: 5; <<<----Questo eliminarlo
}