Description modification - covers mobile image
- Loanarranger1
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
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
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
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.
- ClaudioRomeo
- Offline
- Platinum Member
- Posts: 369
- Thanks: 12
Replied by ClaudioRomeo on topic Description modification - covers mobile image
Posted 9 years 6 months ago #22749ced1870 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
by ClaudioRomeo
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
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.
- Loanarranger1
- Offline Topic Author
- New Member
- Posts: 2
- Thanks: 0
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.
- ClaudioRomeo
- Offline
- Platinum Member
- Posts: 369
- Thanks: 12
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.
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
by ClaudioRomeo
Please Log in or Create an account to join the conversation.
Time to create page: 0.937 seconds