Parts like <?php echo $this->arrSlideshow2Size[0]; ?> will translate into a number. Either leave them in or change the into any integer value that you need. The part <?php echo $this->id; ?> is an id you can also see in the html. In the page you showed it is 1. So you can change this as usual CSS, but keeping in mind some values are inside <?php and ?> code.
The code below should get you started...
Code:
<style type="text/css" media="screen">
<![CDATA[/*><!--*/
#show_<?php echo $this->id; ?>
{
width:<?php echo $this->arrSlideshow2Size[0]; ?>px;
height:<?php echo $this->arrSlideshow2Size[1] + $this->arrSlideshow2ThumbPaddingHeight; ?>px;
}
#show_<?php echo $this->id; ?> .slideshow-images
{
width:<?php echo $this->arrSlideshow2Size[0]; ?>px;
height:<?php echo $this->arrSlideshow2Size[1]; ?>px;
}
<?php if($this->captions == true): ?>
/* Captions - Untertitel */
#show_<?php echo $this->id; ?> .slideshow-captions
{
bottom:<?php echo $this->arrSlideshow2ThumbSize[1] + $this->arrSlideshow2ThumbPaddingHeight; ?>px;
}
#show_<?php echo $this->id; ?> .slideshow-captions-visible
{
height:30px;
opacity: .7;
}
<?php endif; ?>
<?php if($this->thumbnails == true): ?>
/* Thumbnails */
#show_<?php echo $this->id; ?> .slideshow-thumbnails
{
height:<?php echo $this->arrSlideshow2ThumbSize[1] + 15 ; ?>px;
}
#show_<?php echo $this->id; ?> .slideshow-thumbnails
{
left: <?php echo $this->arrSlideshow2Size[0]; ?>px;
height: <?php echo $this->arrSlideshow2Size[1] + $this->arrSlideshow2ThumbPaddingHeight; ?>px;
width: <?php echo $this->arrSlideshow2ThumbSize[1] + 15 ; ?>px;
}
#show_<?php echo $this->id; ?> .slideshow-thumbnails li {
float: none;
}
<?php endif; ?>
/*]]>*/-->
</style>
I needed to cancel out some of the styles from plugins/slideshow2/css/slideshow.css do get it done...
Bookmarks