After the update in all my lightbox pages the forward and back arrows on the right and left sides of lightbox pages were broken. With 3.1, where the arrows used to be, I get a small box outline which, I guess, represents the missing icon. On an iOS device the arrows were replaced by random emojis!!
(Unfortunately linking you to my webpages wont be of any help as I had to restore a backup so that my site would go back to the previous version in which the left/right arrows work.)
Are you talking about the Lightbox Portfolio type or all the lightboxes all over the site, I have tested the Lightbox Portfolio type and it does not have such issues.
I re-updated Kalium again this morning and got the same problem: the previous/next arrows were missing again! So, I rolled back again to the previous version and all was fine!
I am totally confused as to what could be happening in 3.1.
I am really no expert but when I inspect the arrow element with google in Firefox I get this under "This Element":
When I install 3.1 I get the same as above exept that the line "font-family: Flaticon;" is corssed out.
In my working version when I untick the "font-family: Flaticon;" with Inspector I get the exact same problem as in 3.1 so this must be the culprit but I dont know how to remedy it.
(Please see the attached "Before" and "After" Jpegs for clarification.)
Could that really be the problem?
Could some css file or code be corrupted? (I am using the child theme).
In our photography demo: https://demo.kaliumtheme.com/photography we use the Lightbox type and we're using the latest theme version (3.1), there is no issue like the one you mentioned.
We will need to test it live in your site and without having the latest update installed there is no way how we can test it, because we cannot replicate the issue on our demo sites.
I suggest you to put the site on maintenance mode tomorrow morning (CET) as for today it's a bit late and we're not in the office, you can include the login credentials here through the insert credentials button.
To include your credentials click Insert Credentials button in the editor toolbar. (See how). Your information is safe (private) in this thread.
We will check it with the team and see if that happens elsewhere because in our demos we don't have an issue like this, so for now leave it there and if this is an issue caused by the theme we will fix it in the upcoming updates and write about it in the changelog.
I also just updated from Kalium Laborator 3.0.8.1 > 3.1 and now the portfolio navigation arrows are missing, when trying to click through one image to the next? I am using WordPress 5.5.3. There are no box outlines where the arrows should be, just nothing there at all. If I scroll over the area where I would expect the arrows to be I am able to click through, so the linking still works, just no visible navigation arrows. Here is a live link: https://www.skyfarm808.com/
I am sure Art will be here shortly to help you guys having the same problem as I did but, meanwhile, you could try adding Art's Custom css code (see his post below) to your custom css filed in Wordpress and see if it also puts things right for you. It did the trick for me. I am obviously not the only one to have suffered from this bug! But, like I said, the custom css code works for now.
Thank you for reporting the issue, and since the issue is happening to 3 users now it is surely a theme bug, also when I talked to the developer he noted that in the last update our lightbox plugin has been updated to the latest version and that may have caused issues with the arrows.
Hello,
I updated Kalium to 3.1.
After the update in all my lightbox pages the forward and back arrows on the right and left sides of lightbox pages were broken. With 3.1, where the arrows used to be, I get a small box outline which, I guess, represents the missing icon. On an iOS device the arrows were replaced by random emojis!!
(Unfortunately linking you to my webpages wont be of any help as I had to restore a backup so that my site would go back to the previous version in which the left/right arrows work.)
Please help!
Many thanks.
Hi Siddho,
Are you talking about the Lightbox Portfolio type or all the lightboxes all over the site, I have tested the Lightbox Portfolio type and it does not have such issues.
Best regards,
Laborator Team
Hi Art,
Yes, it is the lightbox portfolio type!
I re-updated Kalium again this morning and got the same problem: the previous/next arrows were missing again! So, I rolled back again to the previous version and all was fine!
I am totally confused as to what could be happening in 3.1.
I am really no expert but when I inspect the arrow element with google in Firefox I get this under "This Element":
base.min.css:10
.lg-outer.lg-kalium .lg .lg-actions .lg-next, .lg-outer.lg-kalium .lg .lg-actions .lg-prev {
border-radius: 0;
font-family: Flaticon;
font-style: normal;
background-color: transparent;
transition: all 250ms ease-in-out;
When I install 3.1 I get the same as above exept that the line "font-family: Flaticon;" is corssed out.
In my working version when I untick the "font-family: Flaticon;" with Inspector I get the exact same problem as in 3.1 so this must be the culprit but I dont know how to remedy it.
(Please see the attached "Before" and "After" Jpegs for clarification.)
Could that really be the problem?
Could some css file or code be corrupted? (I am using the child theme).
How can I remedy this?
Regards.
Hi again,
In our photography demo: https://demo.kaliumtheme.com/photography we use the Lightbox type and we're using the latest theme version (3.1), there is no issue like the one you mentioned.
We will need to test it live in your site and without having the latest update installed there is no way how we can test it, because we cannot replicate the issue on our demo sites.
Best regards,
Laborator Team
Hi Siddho,
I suggest you to put the site on maintenance mode tomorrow morning (CET) as for today it's a bit late and we're not in the office, you can include the login credentials here through the insert credentials button.
To include your credentials click Insert Credentials button in the editor toolbar. (See how). Your information is safe (private) in this thread.
Best regards,
Laborator Team
Hi Siddho,
I have added this CSS to Custom CSS:
/* Fix arrows not showing in lightbox */ .lg-outer.lg-kalium .lg .lg-actions .lg-next, .lg-outer.lg-kalium .lg .lg-actions .lg-prev { font-family: Flaticon !important; }And it seems that the issue is fixed, can you please confirm?
Best regards,
Laborator Team
Good morning Art.
Many thanks for such a quick reply. :-)
And yes, your solution works and all the portfolios are as they should be now.
I have just one question: Should I leave that custom css there now forever or will a future update take care of it?
Thanks again for your help. It really is very much appreciated. Fantastic support!
Regards,
Siddho
Hi Siddho,
We will check it with the team and see if that happens elsewhere because in our demos we don't have an issue like this, so for now leave it there and if this is an issue caused by the theme we will fix it in the upcoming updates and write about it in the changelog.
Best regards,
Laborator Team
Thanks again Art.
Will leave the css there for now as you said. Everything is now working as it should.
Regards,
Siddho
I also just updated from Kalium Laborator 3.0.8.1 > 3.1 and now the portfolio navigation arrows are missing, when trying to click through one image to the next? I am using WordPress 5.5.3. There are no box outlines where the arrows should be, just nothing there at all. If I scroll over the area where I would expect the arrows to be I am able to click through, so the linking still works, just no visible navigation arrows. Here is a live link: https://www.skyfarm808.com/
Thanks,
-Steven
Hello,
I have the same problem, the navigation arrows are missing,
but only in the mobile version
thanks Nicole
I am sure Art will be here shortly to help you guys having the same problem as I did but, meanwhile, you could try adding Art's Custom css code (see his post below) to your custom css filed in Wordpress and see if it also puts things right for you. It did the trick for me. I am obviously not the only one to have suffered from this bug! But, like I said, the custom css code works for now.
Siddho
Hi guys,
Thank you for reporting the issue, and since the issue is happening to 3 users now it is surely a theme bug, also when I talked to the developer he noted that in the last update our lightbox plugin has been updated to the latest version and that may have caused issues with the arrows.
Best regards,
Laborator Team