Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #4518755
Penci Shortcodes & Performance
Open

Comments

  •  8
    Lukasz started the conversation

    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

  •  3,034
    PenciDesign replied

    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.

  •  8
    Lukasz replied

    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

    Attached files:  Zrzut ekranu 2025-11-25 145839.png
      Zrzut ekranu 2025-11-25 145844.png

  •  3,034
    PenciDesign replied

    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.

  •  8
    Lukasz replied

    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?

  •  8
    Lukasz replied

    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

  •  3,034
    PenciDesign replied

    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.