Feature Suggestion

Yes this can be done and will work properly in firefox, chrome, safari , and IE 9+. Note < IE 8 does not support this is a workaround but although this does work here you can’t have transparent images which you will have for forward and back buttons.

You will need to edit the following CSS file
wp-content\plugins\cyclone-slider-2\css\common.css

first heading should be .cycloneslider{ at the bottom add the following to the file and adjust accordingly.

background-color:#E9E9E9;
box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;

I would have thought you should do this in the template file but could only get it to work here.

As for the random transitions I don’t know since I happy with just a normal fade

Thank you for responding to my question.

I tried adding the CSS code as you listed above in the common.css file. Unfortunately, it didnt change the appearance of the cycloneslider, when i tried different browsers to look at the webpage.
I am using a test wordpress site, using the Twenty Eleven theme.

this is what the section looks like per your modification.

/*** Common CSS for all templates ***/
.cycloneslider{
	position:relative;
background-color:#E9E9E9;
box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
-webkit-box-shadow: 0px 0px 20px #000;
}

You can definitely add shadow to the template as what I have done with this template:

https://www.codefleet.net/cyclone-slider-2/templates/controls/

You will need do a bit of templating:
https://www.codefleet.net/cyclone-slider-2/#templating

Here are all the templates created for cyclone: https://www.codefleet.net/cyclone-slider-2/templates/

For the random effects, you can imitate it by adding per slide transition effects for images. Like this one: https://www.codefleet.net/cyclone-slider-2/templates/dos/

So with templating you can make cyclone do a lot of cool stuff.

strange worked for me in conjunction with default template I’ve been doing a lot of work to my site off-line so maybe something else I change as well

Using the Chrome’s browser’s developer tools, and found that my theme, Bouquet, uses box-shadow to add a shadow on the bottom of all images. This takes effect on the slides of Cyclone Slider 2, since it doesn’t have any shadow-box:none in its css. I put the code to add the shadow on all sides into my child theme, and found that while ordinary uploaded images get the shadow on all sides, Cyclone Slider 2 images picks up this change only on the right side and the bottom of the image, but not on the top or the left. For that matter, neither does it accept a border or padding on the top or left. Why is this? What do I have to do to get the box-shadow to take effect on the top and left?

I figured out how to get a shadow on all sides (the color has a bit of maroon tint to match my theme):

`
position: relative;
top: 6px;
left: 6px;
box-shadow: 0 0 6px rgba(41, 35, 37, 0.4);
webkit-box-shadow: 0 0 6px rgba(41, 35, 37, 0.4);
moz-box-shadow: 0 0 6px rgba(41, 35, 37, 0.4);
`

Unfortunately, this is of little use to me until I can figure out how to implement text wrap-around. The code that ought to do this,

position: relative; display: inline; clear: none

doesn’t work. Unfortunately, a line break is generated before the text despite this code. Any ideas how to do this with Cyclone Slider 2?

I may have to settle for Meteor Slides that gives text wrap-around but unfortunately has box-shadow: none !important. I figured out how to put in a border there that’s presentable, but not as stunning as the box-shadow.