slideshow alight right
Hej alle sammen.Jeg skal have et slideshow til at sidde i højreside at en side, og have det til at have en hvid border på 10px, nøjagtigt som jeg har gjort med billedet her:
http://riyadelcadi.photogear.dk/city/excursion/
Jeg har fundet et wordpress plugin som hedder Portfolio slideshow, men jeg skal have ændret CSS'en så det står i højre side.
Her er et link hvor i kan se at slideshowet sidder forkert: http://riyadelcadi.photogear.dk/city/city-tour/
Håber i kan hjælpe. Her er koden:
.portfolio-slideshow {
z-index: 0 !important
}
div.slideshow-wrapper {
visibility: hidden;
margin:0 0 10px 0;
}
/* clearfix */
div.slideshow-wrapper:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html div.slideshow-wrapper:after { zoom: 1; } /* IE6 */
*:first-child+html div.slideshow-wrapper:after { zoom: 1; } /* IE7 */
div.slideshow-wrapper .inactive {
cursor: default;
filter:alpha(opacity=40);
opacity: 0.2
}
div.portfolio-slideshow .not-first {
display: none
}
.slideshow-content img {
margin: 0!important;
border: none!important;
padding: 0!important;
max-width: none!important
}
.slideshow-content.fade img {
max-width: 100%!important;
width: auto;
height: auto;
}
div.slideshow-content.fade {
width: 100%
}
div.slideshow-nav{
padding: 5px 0 6px
}
div.slideshow-nav a{
color: #444;
text-decoration: underline
}
div.slideshow-nav a.pause, div.slideshow-nav a.play{
margin: 0 15px 0 0
}
div.slideshow-nav a.slideshow-prev{
margin: 0 10px 0 0
}
div.slideshow-nav a.slideshow-next{
margin: 0 25px 0 10px
}
div.slideshow-thumbs{
width: 600px
margin:0;
}
div.slideshow-thumbs img{
height: 75px;
width: 75px
}
div.slideshow-thumbs ul.slides{
margin: 0;
padding: 0
}
div.slideshow-thumbs li{
display: block;
float: left;
list-style-type: none;
padding: 0 10px 0 0
}
.slides a img.attachment-thumbnail{
filter:alpha(opacity=50);
opacity: 0.5
}
.slides li a.activeSlide img.attachment-thumbnail,.slides li.activeSlide a img.attachment-thumbnail{
filter:alpha(opacity=100);
opacity: 1
}
.slideshow-holder{
background: url(lib/images/ajax-loader.gif) no-repeat 80px 60px;
height: 150px;
position: absolute;
width: 150px
}