Hello,
Firstly thanks for your great job on this module.
Secondly, sorry for my poor english
And finally my problem
I would like to positionate title, description and navigation buttons in a different place. I have make it easily, but there is some problems ...
- If title or description is too long, it's not along center
- If i add some image or raise the width of the carousel i need to repositionate everything manually
My link :
joomla-dev.desu.fr/decoration-exterieure
You can see the problem on this screen below :
Uploaded with
ImageShack.us
My css, i'm really bad in css language so i have make a lot of improvisation and that's why i need to repositionate everything after i have add one, two, three pictures ... May be it would works better with % values.
| Code: |
.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: -149px;
}
.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 {
position: absolute;
top: 525px;
right: -612px;
}
.ari-cloud-carousel-caption .ari-cloud-carousel-alt {
position: absolute;
top: 545px;
right: -632px;
}
.ari-cloud-carousel-caption .ari-cloud-carousel-title {
font-weight: bold;
}
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav {
position: absolute;
top: 485px;
right: 542px;
}
.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;
margin: 0 10px;
}
.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:,
.ari-cloud-carousel-wrapper .ari-cloud-carousel-nav A.ari-cloud-carousel-right: {
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;
}
|
Thanks for your help !
