Image shortcode lightbox issue

johnnyhungus · July 2021

When I have an image shortcode that shows a lightbox when clicked or an image item (same setups), I have a blue bar at the top of the popup image. I am sure there is a setting somewhere where I can remove this, have a look here, on the images halfway down the page: http://coursematepro.com/the-course/

Many thanks

Phil · July 2021

Hello,

Please, turn off all of the plugins, refresh your cache, and check if this problem still appears.

If this will not help, please, keep plugins off because I need to take a closer look at your website with them disabled.

Thanks

johnnyhungus · July 2021

Ok, all plugins are disabled and cache is cleared.

Phil · July 2021

It seems to be a Betheme issue. We will take a closer look at it and fix it as soon as possible.

For now, please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS, and check if the color still appears.

body button.mfp-close{
   background-color: transparent!important;
}

Thanks

johnnyhungus · July 2021

Thanks, that got rid of the bar, though I should mention that my mouse cursor changes to a magnifying glass when it goes above the lightbox picture, where the bar sits.

Phil · July 2021

We will fix this as well. Please, replace the previous code with the following one:

   body button.mfp-close{
      background-color: transparent!important;
      cursor: default!important;
   }

Thanks

johnnyhungus · July 2021

Done and thank you!

Image shortcode lightbox issue

Comments

This website uses cookies