CMSMS 2.2.7 Simplex Slideshow change size

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
sirpewe
New Member
New Member
Posts: 6
Joined: Sat Apr 21, 2018 11:57 am

CMSMS 2.2.7 Simplex Slideshow change size

Post 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
sirpewe
New Member
New Member
Posts: 6
Joined: Sat Apr 21, 2018 11:57 am

Re: CMSMS 2.2.7 Simplex Slideshow change size

Post 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
User avatar
DIGI3
Dev Team Member
Dev Team Member
Posts: 1609
Joined: Wed Feb 25, 2009 4:25 am
Location: Victoria, BC

Re: CMSMS 2.2.7 Simplex Slideshow change size

Post 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.
Not getting the answer you need? CMSMS support options
Locked

Return to “Layout and Design (CSS & HTML)”