Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Lightbox working in page builder, but no on live site

    • 3 years, 3 months ago Squintz82
      Participant

      Expired

      Hello,

      I noticed today that the lightbox feature is not working on the live site. It does work in the Codeless page builder. When browsing the live site, hovering over an image does display the shade and magnifying glass icon, but clicking on the image just opens the image directly in the browser. No overlay.

      Site details can be found here https://support.codeless.co/?topic=codeless-page-builder-not-working

      Thank you

    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      The lightbox is working on my end. I’ve added the lightbox effect on the images of the “Sample Page”. Here’s the link to the sample page:

      Sample Page

      If you’re still having the issue then please share the Page URL.

      Thanks,

    • 3 years, 3 months ago Squintz82
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      Is it possible to know what steps you’ve followed to add a gallery to your portfolio item? It’s necessary because the lightbox working on the Gallery on the sample page.

      Here’s the link to the sample page:

      Sample Page

      Try re-adding the gallery item to your portfolio item to check whether the lightbox works on the gallery items or not.

      Thanks,

    • 3 years, 3 months ago Squintz82
      Participant

      Expired

      I added the row, then the gallery component as per instructions. However it’s not only the gallery items not working. Media component images are also not working on that page. I would think there’s some sort of conflict?

    • 3 years, 3 months ago Squintz82
      Participant

      Expired

      Update:

      I’ve fixed the problem by deleting a row that I cloned on that page. Not sure why this broke Lightbox, but after deleting and re-cloning, lightbox works fine now.

      Related question – Is there a way to only scroll through the lightbox images of the active gallery? Additionally only open a single image without scrolling through all images on that page? I have duplicates of the same row designed slightly differently based on the media size (responsive hiding), and the images duplicated in the hidden rows are still displayed.

      • This reply was modified 3 years, 3 months ago by Squintz82.
      • This reply was modified 3 years, 3 months ago by Squintz82.
    • 3 years, 3 months ago azam
      Keymaster

      Hi,
      Glad to hear that you’ve fixed the issue.

      – Scroll through the lightbox images of the active gallery
      Can you explain it more explicitly?

      – Images displaying inside hidden rows
      You can use the extra classes i.e “hidden-xs”, “hidden-sm”, “hidden-md”, or “hidden-lg” as needed to hide a row on different screen sizes. If hide row option not working.

      Thanks,

    • 3 years, 3 months ago Squintz82
      Participant

      Expired

      This reply has been marked as private.
    • 3 years, 2 months ago azam
      Keymaster

      Hi,
      It’s the default functionality of the Lightbox. When you implement the lightbox functionality on image/images, the lightbox generates its own random code to display images. It’s separate from the actual code and only includes the images having the lightbox functionality. Any CSS class doesn’t work on it. That’s why the extra classes “hidden-lg …” ain’t working on images.

      Any advancement on it will come under deep customization which may break or affect the whole site’s functionality or layout.

      Thanks,

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password