How do I check if I need the Penci Shortcodes & Performance plugin?
It causes an error (conflict) in displaying the photo gallery. When I disable it, the error disappears. However, I'm not sure if I can completely remove it?
In the Lite Speed Cache plugin - "LiteSpeed Cache Page Optimization," in the "Excluded UCSS embedded files" field, I entered: .penci-gallery .penci-gallery__placeholder .penci-gallery-placeholder
I think this solved the problem. Could this be the case? Or is it a coincidence?
Hi,
How do I check if I need the Penci Shortcodes & Performance plugin?
It causes an error (conflict) in displaying the photo gallery. When I disable it, the error disappears. However, I'm not sure if I can completely remove it?
Lucas
Hi,
In this case, please send me the screenshot or URL related to the issue. I will check it and assist you further.
Regards,
PenciDesign.
Hi,
Sorry I'm only replying now - I've been away from home for a few days.
I'm referring to the green squares under the photo gallery (lightbox):
https://www.kierunekwlochy.pl/grota-neptuna-capo-caccia/
Please see the two attached screenshots:
The problem has been recurring for weeks.
Disabling the Penci Shortcodes & Performance plugin solves the problem, but then the site runs slower.
After disabling the Penci Shortcodes & Performance plugin, the page speed in the GT Metrix test drops significantly.
I don't know what to do. The problem is urgent.
Lucas
Attached files: Zrzut ekranu 2025-11-25 145839.png
Zrzut ekranu 2025-11-25 145844.png
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
.wp-lightbox-container button { align-items: center; -webkit-backdrop-filter: blur(16px) saturate(180%); backdrop-filter: blur(16px) saturate(180%); background-color: #5a5a5a40; border: none; border-radius: 4px; cursor: zoom-in; display: flex; height: 20px; justify-content: center; opacity: 0; padding: 0; position: absolute; right: 16px; text-align: center; top: 16px; width: 20px; z-index: 100; }Regards,
PenciDesign.
Thank you, but this solution only hides the problem, not fixes it.
Can you find the reason why this green square appears unnecessarily under the photo gallery?
I came up with something else.
In the Lite Speed Cache plugin - "LiteSpeed Cache Page Optimization," in the "Excluded UCSS embedded files" field, I entered:
.penci-gallery
.penci-gallery__placeholder
.penci-gallery-placeholder
I think this solved the problem. Could this be the case? Or is it a coincidence?
See the screenshot.
Attached files: Zrzut ekranu 2025-11-25 175515.png
Hi,
There is no better solution for this case at the moment. If you’ve added this selector and it works as you want, please keep it.
Regards,
PenciDesign.