- Home
- Categorie
- Coding e Sistemistica
- WordPress
- Strano problema slideshow
-
Strano problema slideshow
Salve ragazzi avrei bisogno di una mano col template di questo sito (beccaletto .it). Come potete vedere lo slideshow nell'header è sfasato verso destra e mi piacerebbe allinearlo o meglio centrarlo, ma fin'ora non ci sono riuscito. Avete consigli? Ringrazio in anticipo chi mi saprà aiutare.
A presto.
-
Ciao Antonio,
questa tua domanda è legata più ai Css che a WordPress, comunque provo a darti una mano.
Prova a dare margin: 0; e padding: 0; a #sliderContent (riga 86 del tuo foglio di stile).
Fammi sapere.
-
Ciao, grazie mille per l'aiuto...purtroppo però non funziona. O meglio alla riga 86 non c'è quello che mi hai indicato tu, anzi non riesco proprio a trovare #sliderContent in tutto il .css il che mi sembra strano...
-
Hai ragione, errore mio, il foglio di stile è presente direttamente nella pagina.
Quindi cerca al rigo 86 della tua pagina, dovresti trovare #sliderContent.
Fammi sapere.
-
Niente da fare, ho trovato il CSS incluso nella pagina ma pur effettuando la modifica che mi hai suggerito il risultato non cambia. Il codice interessato dovrebbe essere questo:
<!-- CSS -->
<style type="text/css" media="screen">
#slider {
width: 380px; /* important to be same as image width /
height: 250px; / important to be same as image height /
position: relative; / important /
overflow: hidden; / important /
}
#sliderContent {
width: 380px; / important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
float: left;
margin: 0;
padding 0;
}
.sliderImage {
float: left;
position: relative;
display: none;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 384px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;}
.clear {
clear: both;
}
.sliderImage span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
ul { list-style-type: none;}
</style>Le modifiche che provo però non hanno alcun effetto.
-
Hai dimenticato i due punti ":".
padding: 0;Riprova e fammi sapere.
-
Grande ha funzionato! Grazie di cuore, sei stato fondamentale e velocissimo!
-
Ottimo. Sono felice di esserti stato di aiuto.
