Video Pop-up not showing background image

  • Resolved anitaw

    (@anitaw)


    1 month, 2 weeks ago

    Hi,

    When using the Gutenberg Video Pop-up Responsive block I’ve added a YouTube link and uploaded a background image. I can view the image in the backend, however the front end is showing a grey box.

    If we inspect the page, and change the HTML from
    <div class=“responsive-block-editor-addons-video-popup__wrapper” data-video=“26QD8aFxAZs” style=“background-image: none ;“><a href=“#” class=“responsive-block-editor-addons-video-popup__overlay”></a>

    to

    <div class=“responsive-block-editor-addons-video-popup__wrapper” data-video=“26QD8aFxAZs” style=“background-image: url (https://www.readytoship.com.au/wp-content/uploads/2024/09/sendle-customer-reluv-video-cover-1.jpg);“><a href=“#” class=“responsive-block-editor-addons-video-popup__overlay”></a>

    The front end does update, however can not find how to fix this in the Responsive Block. Could you please advise how to show an image rather than a grey box?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hii @anitaw

    Thank you for reaching out.

    You can add a background image to the Video Popup block by following these steps:

    1. Navigate to the Style Inspector tab of the block.
    2. Look for the Background Image option.
    3. Select and apply your desired background image.

    Regards
    Maheswar

    Thread Starter anitaw

    (@anitaw)

    Thank you for confirming @maheswar1manyam

    I had already completed this step and added a Background Image but it is not working on the front end.

    When you refresh the page the image does show and then disappears.
    Please see this video as an example. https://www.loom.com/share/fb53b2284dac4e478939d90ec66cdb16

    I have updated to the latest version of WordPress version 6.6.2 and Responsive Blocks 1.9.1

    Anita

    Thank you for sharing the page url @anitaw .

    I’ve observed the behavior and suspect that this issue might be caused by a conflict with another plugin, particularly caching or performance optimization plugins. I recommend deactivating one plugin at a time to see if any specific plugin is triggering the issue. This method should help narrow down the cause.

    Regards
    Maheswar

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Tags