Penci Shortcodes & Performance | PenciDesign Support

PenciDesign Supporter replied

9 months ago

Staff Reply

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.

Lukasz Ropczynski replied

9 months ago

Customer Reply

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.

Lukasz Ropczynski replied

9 months ago

Customer Reply

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?

PenciDesign Supporter replied

9 months ago

Staff Reply

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.

Lukasz Ropczynski replied

9 months ago

Customer Reply

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:

first screenshot - immediately after the page loads, the green squares are visible under the photo gallery;
second screenshot - after I move the cursor, the green squares disappear.

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

PenciDesign Supporter replied

9 months ago

Staff Reply

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.

Lukasz Ropczynski started the conversation

9 months ago

Conversation Start

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