Description modification - covers mobile image

More
10 years 7 months ago #22603 by Loanarranger1
Hello. The slider looks great on a computer, but the caption and description cover most of the image on a mobile device. Can the description bar be modified in any of the following manners?

1. Enter the image after a longer delay or leave earlier before the transition.

2. Make the description appear UNDER the image on mobile.

Thank you,
Bert

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

More
10 years 7 months ago #22606 by ced1870
Hi
this is the problem of slideshows, in many cases you will have this problem or the caption font size will be too small to read.
The best would be to hide the module on mobile, or not show the caption
You can use CSS mediaqueries to hide the caption under a given resolution

2/ it is not possible to put the caption under the image
CEd

Joomlack Webmaster and Developer

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

More
10 years 7 months ago #22749 by ClaudioRomeo

ced1870 wrote: Hi
You can use CSS mediaqueries to hide the caption under a given resolution


OK.
Using the analisys tools of Firefox, I see that the div behaviour depends on these rules:

#carouselck_wrap_101 .carouselck_caption > div {
margin-left: 10px;
border-radius: 5px;
}

If I add just one line, the caption is invisible:

#carouselck_wrap_101 .carouselck_caption > div {
margin-left: 10px;
border-radius: 5px;
visibility: hidden;
}

But these instructions are reported as inline, so I think they are coded in a php file; adding the visibility: hidden line in a CSS has no effect, since php code override the CSS one.

Can you suggest a way to fix the problem?

Counselor for better people in a better company

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

More
10 years 7 months ago #22751 by ced1870
you can do that in the camera.css file of the theme, it should work.
You can also use "display:block" instead of the visibility

Joomlack Webmaster and Developer

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

More
10 years 7 months ago - 10 years 7 months ago #22752 by Loanarranger1
Thank you both very much for your assistance. I will try first to hide it for smaller resolutions/screens, before I hide it altogether. I report back on my success.
Last edit: 10 years 7 months ago by Loanarranger1.

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

More
10 years 7 months ago #22756 by ClaudioRomeo
I realized I was talking about Carousel CK, not about Slideshow CK. I apologize.
But the way the module works should be the same, isn't it?

Anyway, for Carousel CK, the solution you suggested doesn't work, due a strange behaviour of the module. I'm going to open a discussion about it in the Carousel CK area, since I've found a convenient solution.

Thanks for your support.

Counselor for better people in a better company

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

Time to create page: 0.225 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 948 guests and no members online