Autore Topic: ARI Cloud Carousel  (Letto 1197 volte)

Offline Aldo56

  • Appassionato
  • ***
  • Post: 210
    • Mostra profilo
ARI Cloud Carousel
« il: 21 Ott 2013, 01:00:01 »
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]

 

Host

Torna su