Description modification - covers mobile image

Description modification - covers mobile image was created by Loanarranger1

Posted 9 years 6 months ago #22603
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.

Replied by ced1870 on topic Description modification - covers mobile image

Posted 9 years 6 months ago #22606
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

by ced1870

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

Replied by ClaudioRomeo on topic Description modification - covers mobile image

Posted 9 years 6 months ago #22749

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.

Replied by ced1870 on topic Description modification - covers mobile image

Posted 9 years 6 months ago #22751
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

by ced1870

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

Replied by Loanarranger1 on topic Description modification - covers mobile image

Posted 9 years 6 months ago #22752
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:9 years 6 months ago by Loanarranger1
Last edit: 9 years 6 months ago by Loanarranger1.

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

Replied by ClaudioRomeo on topic Description modification - covers mobile image

Posted 9 years 6 months ago #22756
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.937 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1407 guests and no members online