Last thumbnail missing

Last thumbnail missing was created by GillianS

Posted 4 years 3 months ago #54648
I have just installed the latest version of the free Slideshow CK and set up a slideshow with five pictures with Thumbnails set to 'yes'. Only four thumbnails are displayed. The last one is missing, although it is in the thumbnail folder. To test it, I unpublished the last picture so that only four images are displayed. Now there are only three thumbnails.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Last thumbnail missing

Posted 4 years 3 months ago #54652
Hi
please give me the url of the page where I can see the problem
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by GillianS on topic Last thumbnail missing

Posted 4 years 3 months ago #54654
Here you are:
This message contains confidential information


BTW, I have also had to write some css with an !important instruction to overwrite some inline style which includes a huge padding bottom of 86px:
Code:
<div id="camera_wrap_91" class="slideshowck camera_wrap camera_amber_skin" style="display: block; height: 527px; padding-bottom: 86px;">

which appears immediately after
Code:
<!--START: Modules Anywhere-->

I'm not sure why that padding is so large as it cuts off the bottom of the images. Should this code be in the SlideshowCK css rather than inline, to make it easier to overwrite and avoid using !important?

Thank you.
Last Edit:4 years 3 months ago by GillianS
Last edit: 4 years 3 months ago by GillianS.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Last thumbnail missing

Posted 4 years 3 months ago #54657
the problem is the calcul of the width of the thumbs container
you can try to add this css code
Code:
.camera_thumbs_cont > ul { padding: 0 !important; }

for the padding, I don't know what is wrong here, but if you can fix it with CSS this is great
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by GillianS on topic Last thumbnail missing

Posted 4 years 3 months ago #54664
Hi. That didn't work. It seems to be a problem with the inline styling of
Code:
width: 543px
in the ul element.

So, I've have solved it with this code:
Code:
.camera_thumbs_cont ul { min-width: 100% !important; }

Is it necessary to have this styling code inline, or is it generated automatically by your code?

Anyway, as a test, I installed an older version of SlideshowCK (from November 2018) that I happened to have on my pc. The inline code has changed:

1: The
Code:
padding-bottom: 86px
used to be
Code:
margin-bottom: 86px;
and it displays correctly when it is 'margin-bottom'

2: The .camera_thumbs_cont ul width used to be 608px rather than the current 543px. I think it would be better as 100% or a calculation starting from 100%.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Last thumbnail missing

Posted 4 years 3 months ago #54666
1. ok strange that you are the only one to have this problem currently.
You can also check the demos on my website :)
The most important thing is that you can solve it easily, I suppose that this is due to a template/css conflict

2. your solution does not work ;)
it works only when your window size is big, I mean that the 100% width in the thumbs area is bigger than 608px. If you reduce the window size, then you will get 4 thumbs again.
you must force the value to 608px (or more) to make the 5 images aligned. This is calculated by javascript and I suppose in the same scenario as point 1. that everything is related to some CSS conflict

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.670 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 699 guests and no members online