Hi guys,
I have recently noticed that I lost the text of all my Image Info Box block. (on Firefox only, on Chrome it is fine)
Is it a known issue?
You can see the issue on that page, if you open it on a computer using firefox, on the side bar, you will see 3 images with an empty block below each image:
https://australie.bucket-list.fr/queensland-les-incontournables/
Do you know what could be causing that on your side? It was working fine on firefox for the past 4 years.
Thanks in advance for your help.
Hello,
This is related to some updates on Firefox, to fix it try this custom css:
@-moz-document url-prefix() {
.tdm_block_image_info_box .tdm-image-description {
position: relative;
}
.tdm_block_image_info_box .tdm-image-box {
height: auto;
}
}
Set the code in the theme panel > custom code > custom css
Thank you!
Thank you Calin!
I have tried that but it seems like I can’t save any custom code css anymore. I get this square loading for the past 10 minutes :
The theme and plug ins are all up to date.
Have you seen that before?
Thank you Calin.
Even if I just reload the page with my existing css code and press save without changing anything, it doesn’t save and the loading icon keep loading forever.
Hi,
If youâre encountering an infinite loading screen after clicking Save Settings in the theme panel, the issue is likely related to admin-ajax.php. To diagnose the problem, please open your browserâs developer console and check for any error messages.
This behavior is commonly caused by admin-ajax.php being blocked by modSecurity, your hosting providerâs firewall, or certain security plugins or server modules.
Thank you!
Hi Calin, sorry for the slow reply.
I have 2 websites and the infinite loading screen is only affecting one so I will keep investigating.
In the meantime, on the working website, I have tested your custom codes to fix the firefox issue with the image info box and it work but not entirely. It is good because the text is now visible but most of the images on the side bar are now not visible: https://tahiti.bucket-list.fr/que-visiter-a-tahiti-les-plus-beaux-endroits-a-ne-pas-manquer/
Would you know how to resolve that?
Is it possible for your team to report the issue to firefox? or build a reliable patch on your side to prevent firefox users to be affected by the missing text with image info box?
It worked fine for the past few years, it would be very helpful if a fix could be available.
Thank you very much Calin.
In addition to my previous message
If I remove
.tdm_block_image_info_box .tdm-image-box {
height: auto;
}
I can see the images and the text, but there is now a big gap between the images and the text below.
https://tahiti.bucket-list.fr/que-visiter-a-tahiti-les-plus-beaux-endroits-a-ne-pas-manquer/
what could I do to get something that looks fine on firefox? similar to how it looks on chrome now.
Thank you
Hi,
Please remove the above css and try this one:
@-moz-document url-prefix() {
.tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: inherit;
}
}
I hope this one will provide better results!
FANTASTIC, it is working for my sidebar! Much appreciated
I noticed that it introduced an issue with the image infox box on my home page. It is supposed to look like this: https://imgur.com/ROEWGM6
but now with the custom code on firefox, the title and button are missing:
https://tahiti.bucket-list.fr/ near the bottom of the page
Thank you in advance for your help.
Hi,
If the problem wasn’t there before the CSS, the replace the code with this one:
@-moz-document url-prefix() {
.single .tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: inherit;
}
}
Thank you so much, it resolved the issue!
Is it a fix that you can roll into the next update by any chance to fix this issue for everyone?
Hi,
I added on our list and I hope that our developers to check it đ
Thank you!
Hi Calin, thanks to your precious advice, I have managed to fix the infinite loading on my second website by disabling/re-enabling a couple of security plug-ins.
So I have pasted the same css code from your last comment, but for some reason, on that website, the css code doesn’t make the text and button visible on my “image info box” blocks as you can see on Firefox on the side bar: https://australie.bucket-list.fr/visiter-sydney-le-guide-complet-des-incontournables/ for the campervan image and the plane image for example.
Would you know what could be causing that?
Thanks a lot.
Hi,
Please try this custom css:
@-moz-document url-prefix() {
.single .tdm_block_image_info_box .tdm-image-description {
position: absolute;
top: inherit;
}
.single .tdm_block_image_info_box .tdm-with-button .tdm-image-description {
top: 0;
}
}
I hope this will help you!
Congratulations ! it works, thank you so much Calin!
