Page 1 of 1

CMSMS 2.2.7 Simplex Slideshow change size

Posted: Sat Apr 21, 2018 1:37 pm
by sirpewe
Hi.
Can anyone explain the Simplex Slideshow?
I thought
#sx-slides {
height: 100px; }
Set the total height of the window for slideshow (in this case 100px high).
Then with
#sx-slides .image { height: 90% }
I set how large the image should be within the slideshow window
But I can't really get this to match up.

And what does #sx-slides > .sequence-canvas {
do?
And whats the difference to:
#sx-slides > .sequence-canvas > li {

Also does anyone know how I can add background on the heading and subtitle with some opacity? (so the text will be more visable independant of image color of the slide?

If anyone could throw some light at this I would appreciate it a lot!
Thank you
// Per

Re: CMSMS 2.2.7 Simplex Slideshow change size

Posted: Wed Apr 25, 2018 8:07 pm
by sirpewe
I reply what I have found so perhaps someone else can used this also.

Background for the text:
In the stylesheet for simplex slideshow under subtitles I've added:
background: rgb(210, 210, 210, 0.7);
This gives a grey background with 70% opacity which works fine for us on the pc but somehow on the smartphone there is no text background visible!?

The other isues are still unsolved but if I find I will write it here :)
BR
// Per

Re: CMSMS 2.2.7 Simplex Slideshow change size

Posted: Fri Apr 27, 2018 3:54 am
by DIGI3
might be not working on some browsers/devices because transparent colours use rgba, not rgb:

Code: Select all

background-color: rgba(210,210,210,0.7);
For the other issues, you need to use the inspector to see why your changes aren't working. For example, #sx-slides .image has some !important flags in it, so it may be overriding your styles. I'm not particularly familiar with Simplex but I did notice that on a quick inspection. Probably similar things for your other issues.