GREAT tutorial: http://ddblock.myalbums.biz/node/1845

I chose vsd-upright-20p and modified a css file
I had to place the default css file in it's own size directory, size-478. otherwise it is always selected regardless of what other size files I have.

vsd-upright-20p/size-210:
views-slideshow-ddblock-cycle-vsd-upright-20p-size-210.css

vsd-upright-20p/size-478:
views-slideshow-ddblock-cycle-vsd-upright-20p.css

here are the contents of sites/all/themes/mytheme/custom/modules/views_slideshow_ddblock
images
views-slideshow-ddblock-cycle-block-content-vsd-upright-10p.tpl.php
views-slideshow-ddblock-cycle-block-content-vsd-upright-20p.tpl.php
views-slideshow-ddblock-cycle-block-content-vsd-upright-30p.tpl.php
views-slideshow-ddblock-cycle-block-content-vsd-upright-40p.tpl.php
views-slideshow-ddblock-cycle-block-content-vsd-upright-50p.tpl.php
views-slideshow-ddblock-cycle-block-content-vsd-upright-60p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-10p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-20p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-30p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-40p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-50p.tpl.php
views-slideshow-ddblock-cycle-pager-content-vsd-upright-60p.tpl.php
views-slideshow-ddblock-cycle-vsd-default.css
views-slideshow-ddblock-pager-content.tpl.php
views-slideshow-ddblock.tpl.php
vsd-upright-10p
vsd-upright-20p
vsd-upright-30p
vsd-upright-40p
vsd-upright-50p
vsd-upright-60p

Comments

ppblaauw’s picture

ppblaauw commented
Category: bug » support
Status: Active » Postponed (maintainer needs more info)

I themes which use the size options all the size elements are placed in the size file.
All the other styling remains in the default style file

In your case:

vsd-upright-20p/size-210/views-slideshow-ddblock-cycle-vsd-upright-20p-size-210.css
for size settings
and
vsd-upright-20p/views-slideshow-ddblock-cycle-vsd-upright-20p.css
for all other css settings

This way you can have several size files and don't have to change the other styles, like:

vsd-upright-20p/size-460/views-slideshow-ddblock-cycle-vsd-upright-20p-size-460.css
vsd-upright-20p/size-700/views-slideshow-ddblock-cycle-vsd-upright-20p-size-700.css
vsd-upright-20p/size-960/views-slideshow-ddblock-cycle-vsd-upright-20p-size-960.css
with one stylesheet for other css settings
vsd-upright-20p/views-slideshow-ddblock-cycle-vsd-upright-20p.css

Hope this explains more how it is meant to be used, please let me know.