CMS Made Simple Forums
https://forum.cmsmadesimple.org/

CMSMS 2.2.7 Simplex Slideshow change size
https://forum.cmsmadesimple.org/viewtopic.php?f=20&t=78273
Page 1 of 1

Author:  sirpewe [ Sat Apr 21, 2018 1:37 pm ]
Post subject:  CMSMS 2.2.7 Simplex Slideshow change size

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

Author:  sirpewe [ Wed Apr 25, 2018 8:07 pm ]
Post subject:  Re: CMSMS 2.2.7 Simplex Slideshow change size

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

Author:  DIGI3 [ Fri Apr 27, 2018 3:54 am ]
Post subject:  Re: CMSMS 2.2.7 Simplex Slideshow change size

might be not working on some browsers/devices because transparent colours use rgba, not rgb:

\$1:
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.

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/