Description modification - covers mobile image
- Loanarranger1
- Topic Author
- Offline
- New Member
-
Less
More
- Posts: 2
- Thank you received: 0
10 years 7 months ago #22603
by Loanarranger1
Description modification - covers mobile image was created 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
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.
10 years 7 months ago #22606
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Description modification - covers mobile image
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
Please Log in or Create an account to join the conversation.
- ClaudioRomeo
- Offline
- Platinum Member
-
10 years 7 months ago #22749
by ClaudioRomeo
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
Replied by ClaudioRomeo on topic Description modification - covers mobile image
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.
10 years 7 months ago #22751
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Description modification - covers mobile image
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
Please Log in or Create an account to join the conversation.
- Loanarranger1
- Topic Author
- Offline
- New Member
-
Less
More
- Posts: 2
- Thank you received: 0
10 years 7 months ago - 10 years 7 months ago #22752
by Loanarranger1
Replied by Loanarranger1 on topic Description modification - covers mobile image
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.
- ClaudioRomeo
- Offline
- Platinum Member
-
10 years 7 months ago #22756
by ClaudioRomeo
Counselor for better people in a better company
Replied by ClaudioRomeo on topic Description modification - covers mobile image
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
Please Log in or Create an account to join the conversation.
Time to create page: 0.225 seconds