Last thumbnail missing
4 years 11 months ago #54648
by GillianS
Last thumbnail missing was created by GillianS
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.
4 years 11 months ago #54652
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Last thumbnail missing
Hi
please give me the url of the page where I can see the problem
CEd
please give me the url of the page where I can see the problem
CEd
Joomlack Webmaster and Developer
Please Log in or Create an account to join the conversation.
4 years 11 months ago - 4 years 11 months ago #54654
by GillianS
Replied by GillianS on topic Last thumbnail missing
Here you are:
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:
which appears immediately after
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.
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 11 months ago by GillianS.
Please Log in or Create an account to join the conversation.
4 years 10 months ago #54657
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Last thumbnail missing
the problem is the calcul of the width of the thumbs container
you can try to add this css code
for the padding, I don't know what is wrong here, but if you can fix it with CSS this is great
CEd
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
Please Log in or Create an account to join the conversation.
4 years 10 months ago #54664
by GillianS
Replied by GillianS on topic Last thumbnail missing
Hi. That didn't work. It seems to be a problem with the inline styling of
in the ul element.
So, I've have solved it with this code:
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
used to be
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%.
Code:
width: 543px
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
Code:
margin-bottom: 86px;
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.
4 years 10 months ago #54666
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Last thumbnail missing
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
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
Please Log in or Create an account to join the conversation.
Time to create page: 0.219 seconds