ARI Cloud Carousel

[Aldo56]

Un saluto

usando ARI Cloud Carousel, vorrei posizionare i titoli automaticamente al centro, indipendentemente dalla loro lunghezza. Variando i valori pixel alle righe top: 80px; right: -200px che ho aggiunto io del css allegato, riesco solo a spostarlo di lato e in altezza. Forse devo aggiungere del codice con la parola center? Confronta le ultime tre righe: si riferiscono alla  possibilità di aggiungere del testo all'inizio e alla fine che viene sempre posizionato al centro, infatti all'ultima riga c'è scritto text-align: center;
GRAZIE!

Codice: [Seleziona]

.ari-cloud-carousel-loading {
    background: transparent url(images/loading.gif) no-repeat center center;
}

.ari-cloud-carousel-loading .ari-cloud-carousel,
.ari-cloud-carousel-loading .ari-cloud-carousel-caption,
.ari-cloud-carousel-loading .ari-cloud-carousel-nav {
    visibility: hidden;
}

.ari-cloud-carousel-wrapper {
    position: relative;
    margin: 0 auto;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-caption {
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 99;
}

.ari-cloud-carousel-caption .ari-cloud-carousel-title,
.ari-cloud-carousel-caption .ari-cloud-carousel-alt {
    position: relative;
    top: 80px;
    right: -200px;
}

.ari-cloud-carousel-caption .ari-cloud-carousel-title {
    font-weight: normal;
    font-size: 1.5em;
    font-style: italic;
    font-family: Helvetica, Arial, sans-serif;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav {
    position: absolute;
    top: 5px;
    right: 10px;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-left,
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right {
    position: relative;
    text-indent: -9999px;
    height: 40px;
    width: 40px;
    display: block !important;
    float: left;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-left {
    background: transparent url(images/rotate-left.png) no-repeat 0 0;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-left:hover,
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right:hover {
    background-position: 0 -39px;
}

.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right {
    background: transparent url(images/rotate-right.png) no-repeat 0 0;
}

.ari-cloud-carousel-header,
.ari-cloud-carousel-footer
{
    text-align: center;
}
[allegato eliminato automaticamente dopo un anno]