shaunbowen

Hi there, sorry for the late reply to this!

I believe the following CSS would work better than your example above, as it will exactly sit above the progress bar and still give a large clickable area:

.fancybox-nav {
	font-size: 10px;
	height: calc(100% - 4em);
}
.fancybox-nav span {
	top: calc(50% + 2em);
}

The progress bar is 3.2em height and positioned 0.8em from the bottom, which gives us 4em.
The .fancybox-nav sections need to be given a font-size of 10px so that 4em gives the same value.
The arrows on the nav then need to be offset downwards by 2em, to keep them centred within the video frame.

Let me know if this works better for you too.

Hi there, that video gallery works fine for me, however the next/prev nav is still covering the progress slider. Please see screenshot below where I highlight the ‘next’ nav section using Chrome Inspector:

Hi there, my apologies, I checked the same sites today and they seem to be working okay now. Not sure why, but maybe a browser cache issue.

The problem with the next/prev buttons (when you have multiple videos on one page) is still in need of sorting – the width of them is set to 40% and z-index is 10040, which means they prevent access to the progress bar unless you click in the 20% clear gap in the middle.

Hi there, thanks for working on a fix for this. Unfortunately it still doesn’t seem to be working for me.

On my test page https://smart-websites.com/vimeo-test/ the video still says ‘Sorry we are having a little trouble” and on another site the video starts to load and only plays the sound.

When I tried to use the navigation bar under the video to skip forward, it jumps to the next video (as if the next/prev buttons are covering the progress bar.)

• This reply was modified 8 months ago by shaunbowen.

I have changed the URL for the test page above. Please use this one:

https://smart-websites.com/vimeo-test/

Hi there, I have tried inserting the link in multiple ways – copying the embed code, the share code and the direct Vimeo URL. The only way it works is if I change the Lightbox settings to Fancybox Classic Reloaded.

Here is an example page for you to run a test – currently set to Fancybox V2: https://snuk.mydomainis.co.uk/vimeo-test/

Hi Mdashikul, I have sent a support ticket.

I will need to keep the plugin at 4.5.4 until this is resolved.

Hi Jasmine, thank you for your reply, however this does not solve the conflict.

The Popup Box Animation stylesheet still gets loaded even if I disable the animations how you described.

We need an option to prevent the Popup Box animation style sheet /wp-content/plugins/ays-popup-box/public/css/animate.css?ver=4.4.0 from loading entirely.

This should be a standard option to avoid multiple animation stylesheets being loaded on one website.

I also have the same issue. I had to rollback to 4.5.4 to fix this.

See screenshot here: https://flanniganroadsurfacing.co.uk/wp-content/uploads/2024/04/BEAF-Issue.png

Hi Jeff, it is in the Appearance menu, between Themes and Customise.

@filemanagersupport I had a look at the changelog and it simply says:

7.2.5 (14 Mar, 2024)
Improved Language check.

I would recommend adding a line describing the security issues.

@filemanagersupport I have updated to the latest version and the issue still persists.

I have also tried installing the plugin on a different website and it still won’t allow me to upload the file. I tried a .mobileconfig file and a .zip file, neither would work.

The inspector shows the following error for admin-ajax.php: Failed to load resource: the server responded with a status of 403 ()

Unfortunately I cannot view/download log files with the free version of this plugin, it says I need the Pro version.

Not sure if it is related, but I am having problems uploading a .mobileconfig file using this plugin. Issues started this week.

The inspector shows an error loading admin-ajax.php but only after I have tried to upload a file.

Hi Jasmine, thanks for the reply.

I can see you have already implemented the Max Height option with the latest update – really great response!

Regarding my request number 1 of using flex instead of block, unfortunately since this value is applied by the javascript that activates the popup, using display:flex !important would just make the popup show all the time, as it would also override the default display:none value.

Regarding suggestion 2, what I meant was could you implement a ‘dynamic popup height’ option that will adjust to the content inside it, rather than just fixed heights?

Hi John, thanks for the reply.

My point was that setting the default for ‘Ignore Case’ is not honoured for CSV imports unless BOTH ‘Ignore Case’ and ‘Ignore Slash’ are unchecked.