WBCE CMS – Way Better Content Editing.
You are not logged in.
Minigallery Version2.5 - Default Lightcase lightbox in use.
When an image with a caption is viewed in landscape orientation on an iPhone (not sure about other devices), the image takes up the entire viewport height, and so the caption is not visible. I can also reproduce this in firefox responsive design mode.
The caption is visible in portrait mode.
I need all captions to be visible in all orientations as this caption is a link to hidden content.
Any ideas on where to look for a fix? I've tried but can't seem to make any headway.
Offline
I managed to make the caption visible (a single line, at least) by:
- switching fullscreenModeForMobile to false.
- adding the following to my template:
#lightcase-info {
position: relative !important;
padding-top: 5px !important;
I feel like there must be a better way, so I am still interested in any input. Thank you.
Offline
I've encountered another issue.
I add a caption to an image. Then I click the green pencil icon to edit the caption. I want to remove the caption, so I delete the entered text, then click save. But the original caption remains. It will let me remove all but a single character.
Offline
About the caption display in the frontend:
/modules/minigal2/lightcase./src/css/lightcase.css, line 379f.
@media screen and (max-width: 640px) {
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
change to
@media screen and (max-width: 800px) {
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info {
About the delete issue:
/modules/minigal2/modify.htt
1) add
if (response=='-delete-') { response='';}
before line 75
console.log('This is your response: '+response);
2) add
if (inputValue=='') { inputValue='-delete-'; }
after line 135
}).then(function(inputValue){
3) change line 138
})
to
.catch(swal.noop);
Last edited by florian (09.03.2021 07:16:38)
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
@losttrip, did that work for you?
@dev4me, maybe you'd like to adapt (or improve) the code for a future version of MiniGallery?
Sorgen sind wie Nudeln: man macht sich meist zu viele.
Offline
Hi Florian. Sorry, for the slow reply. The caption solution you offered did not seem to make the caption more visible. Perhaps I did something wrong.
I did contact dev4me directly, and was offered a solution for both issues. They seem to work, but I have been so busy I haven't fully tested or followed up here... I will post them here when I have... when I have a chance later today.
Offline
I figured if full screen mode was active, then the caption should flip from being below the image, to being over the image, so it remains visible.
With Dev4me's permission, here are his solutions:
In the module frontend.css add:
#lightcase-info {
position: absolute;
background: none;
width: 100%;
bottom: 0;
padding: 0px !important;
z-index: 1;
}
#lightcase-info #lightcase-caption {
color: #fff !important;
font-size: 20px !important;
background: #0009;
padding: 0 10px !important;
}
This will be the result:
To use it only on small landscape screens put it within a mediaquery like this
@media (max-width:991px) and (orientation:landscape) {
...
}
For the deleting captions I have a tweak in the next (yet unpublished) version.
In functions.php (v2.5.2 - line 280) find:
function minigallery_save_caption ($section_id, $filename, $caption ) {
After the next line (global $database;) insert the next line:
if($caption == '-') $caption = '';
Now you can remove a caption by saving "-".
----
Many thanks to all for your time and assistance. Hope this helps someone else down the road.
Offline
trici