unwanted hover effect on sow-slider-image-container

Open 15 replies bug-reportpluginplugin-page-builder
Sean Webber
1 year ago · Last reply by Andrew Misplon 1 year ago

Hi, I believe since the last update, there’s a new hover effect which overlays a grey box around my hero animation – I’ve identified this as the site sow-slider-image-container.

Please see https://www.thephysiobot.com/ to see what I mean. The grey appears over the video/animation which should remain entirely white.

Is there a quick fix to avoid this?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

15
  1. Andrew Misplon Staff 1 year, 11 months ago

    Hi Sean

    Thanks for posting. If the issue is still visible, can you perhaps let us know if we should test using a particular browser? I’m having trouble seeing the hover effect at the moment.

    Kind regards

    Andrew

  2. Sean Webber 1 year, 11 months ago

    Hi Andrew,

    Thanks for your response. I’m using Chrome Version 122.0.6261.129 (Official Build) (64-bit) on my Windows laptop. The effect is subtle, but the background colour of the video is white sometimes, and then not on others (typically linked to the movement of the mouse)

    The effect is more pronounced when I use my high contract monitor (same browser).

    Interestingly, I can’t see the effect when I use my phone, which I’m assuming is because of the absence of mouse movements?

    The discolouration is exactly the size and shape of the sow-slider-image-container.

    This effect is also visible on another part of the site, where too there is another video – https://www.thephysiobot.com/app/ during in initial splash screen animation, there is a discolouration around the video part of the screen.

    You may be able to see it more if your screen is set to higher contrast?

  3. Andrew Misplon Staff 1 year, 11 months ago

    Thanks, Sean. Can you perhaps check another browser to confirm the issue isn’t browser settings related? I’m having trouble replicating the issue across displays and browsers.

  4. Sean Webber 1 year, 11 months ago

    I’d send a screenshot if I was able to.

    Yes, the problem is still there when I use Edge.

  5. Andrew Misplon Staff 1 year, 11 months ago

    You can upload to WeTransfer.com or any similar location and share the link. Thanks.

  6. Sean Webber 1 year, 11 months ago

    Thanks Andrew, I’ve upload a selection

    https://we.tl/t-WCl0n6LMqY

    FYI the grey overlay seems to disappear when I click on the browser scroll bar, but reappears periodically when I click on the page or scroll with the mouse.

  7. Andrew Misplon Staff 1 year, 11 months ago

    Thanks. I’m not sure why I can’t replicate the issue. You can try editing the frame in your Hero and opening the Background section. Clear the Background color value and see if that helps.

  8. Sean Webber 1 year, 11 months ago

    It might be easier to see if you adjust your screen contrast settings. On my laptop it’s subtle, on my monitor however it’s very visible.

    I tried changing the colour of the frame to white + no transparency, as well as white + full transparency and neither worked.

    I don’t think it’s the frame setting, as it’s also present on another page where a separate video plays https://www.thephysiobot.com/app/.

    These are the only two instances of this occurring on the site, with the common feature being they occur when videos are playing. One video is embedded within a Hero row (homepage) and another is within a webapp. Importantly, on the webapp, the grey only exists on the part of the screen where the video is playing, not the full screen.

  9. Andrew Misplon Staff 1 year, 11 months ago

    Thanks for the update. I can’t replicate it on either of my displays. I’m trying to find the issue at the code level. Please try clearing the frame background color value. At the moment, it’s set to #30373e. Please let me know when that’s done so I can confirm in the page source.

    If you have a friend or another computer available, please try confirming the issue across computers.

  10. Andrew Misplon Staff 1 year, 11 months ago

    I do hear you on the issue occurring in two different situations, a Hero and an Editor Widget. Checking across two different computers would be hugely helpful to rule out a computer specific problem.

  11. Andrew Misplon Staff 1 year, 11 months ago

    My views for reference:

    https://siteorigin.com/wp-content/uploads/2024/03/home.png
    https://siteorigin.com/wp-content/uploads/2024/03/app-page.png

  12. Sean Webber 1 year, 11 months ago

    Hi Andrew,

    I can confirm the problem exists across 2 separate laptops (one more subtle on my laptop no monitor, and the second on another laptop connected to an external monitor – which seems to exacerbate the problem).

  13. Andrew Misplon Staff 1 year, 11 months ago

    I’ve tried zooming in and out in my browser, using different resolutions, displaying for mobile, etc. No joy on my end. Please try creating a test page. Add a video without using Page Builder or SiteOrigin Widgets. Does the issue persist?

  14. Sean Webber 1 year, 11 months ago

    Hi Andrew,

    I’ve created a new page https://www.thephysiobot.com/test/ with no Page Builder or SiteOrigin Widgets involved and the problem persists. I’m guessing this means it’s a theme issue?

  15. Andrew Misplon Staff 1 year, 11 months ago

    Solid progress. The next step is to test the page with a default theme like Twenty Nineteen activated and all plugins deactivated. Does the issue persist?

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread