1 min read 1 mo ago

Selectors

By default, the selector is set to:

.entry-content, .gallery, .mgl-gallery, .wp-block-gallery

This selector defines the CSS elements where the lightbox will look for images. Depending on your theme or setup, you might need to adjust it.

  • If you want Meow Lightbox to work only with gallery images, remove .entry-content from the selector. Including it means all images inside your page content will be handled by the lightbox.
  • If you’re using WooCommerce galleries, add this selector:
.woocommerce-product-gallery

If the selector is too broad and catches images you don’t want included, you can exclude specific elements using the Anti Selector.

For example, try opening an image that has been excluded, it won’t open in the lightbox because it’s specifically marked to be skipped.

In Anti-Selector

In Selector