Hi, I see there is a z-index that is way too high 🙂 You can add CSS like this to Appearance >Customizer > Custom CSS.
html body .fusion-header-wrapper {
z-index: 100;
}
For zoom settings, you can add custom settings. This PHP code can be added to functions.php of your theme or to your own plugin.
function imageviewer_custom_options() {
?> <script> imageviewer_custom_options = {
zoomValue: 100,
snapView: true,
maxZoom: 500,
refreshOnResize: true,
zoomOnMouseWheel: true
}; </script> <?php
}
add_action( 'wp_footer', 'imageviewer_custom_options' );
/*
* option: type: default: description:
* zoomValue number in percentage 100 It defines the initial zoom value of an image.
* maxZoom number in percentage 500 It defines maximum percentage you can zoom an image.
* snapView boolean true Configuration to show/hide snap view.
* refreshOnResize boolean true Defines wether to refresh the viewer on resize of window.
* zoomOnMouseWheel boolean true Defines weather to allow zoom with mouse scroll or not.
*
*/
Thread Starter
dhraks
(@dhraks)
Hello Marcel,
thank you for your answer and sorry for not responding earlier, I was rebuilding my site.
I still have the same problem with the header coming in front of the image. It’s less annoying because I set the header to be transparent but I can’t close the image with the cross on the upper right corner. I tried the code in your first answer but it doesn’t work.
here is the adress of one page : https://alpha-draconis.fr/?p=290 but you can also check the full site if you need to : https://alpha-draconis.fr
Thanks again for your help
Best regards,
Alexandre
Well, that is annoying. It seems to be a game of whack-a-mole. Try this as well.
html.avada-header-color-not-opaque body header.fusion-header-wrapper {
z-index: 100;
}
-
This reply was modified 1 year, 7 months ago by
Marcel Pol.
Thread Starter
dhraks
(@dhraks)
Thank you very much, it works perfectly 😉
