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

How to add content on top of zoomed lightbox images?

lightboxportfolio
    • 5 years ago the_lyall
      Participant

      I’m raising this ticket as requested on the product comments page.

      Before purchasing you advised that it was possible to add content on top of the zoomed lightbox images (so I can include text and a link) but I can’t see the option for how to do this. Please can you advise? Thanks.

    • 5 years ago the_lyall
      Participant

      Sorry to be a pain but please can you let me know how to do this? As it was one of the main reasons why I bought the theme, and you said you would be able to tell me how to add this.

      Many thanks

    • 5 years ago Akram
      Keymaster

      Hi,

      Can you please provide your website URL along with login credentials so our developer can have a look for you.

      Note: Kindly provide your details as a private reply.

      Thank You

    • 5 years ago the_lyall
      Participant
      This reply has been marked as private.
    • 5 years ago Ludjon
      Keymaster

      Hi,

      You can do that by modifying Caption field on each image. Open image from WP media manager, add a caption, you can you HTML too, but please make sure you replace double quotes with single one like this:

      <a href='#'>Link</a>

      This one should work. Thanks!

    • 5 years ago the_lyall
      Participant

      That’s great, thank you! Please can you tell me how I can make it show permanently instead of only on hover?

      I have added the below CSS which makes it show initially, but if you mouse over and then mouse off it reverts back to display:none, I think because of JS.

      .ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption{
      display:block !important;
      }

      Thanks

    • 5 years ago Ludjon
      Keymaster

      Hi, did you deactivate the login details? I can’t log in

      Try this yourself:

      Go to js/codeless-main.js

      find this line
      CL_FRONT.components.LightBox = function( el ){

      after this line : mousewheel: codeless_global.lightbox.mousewheel,

      add:

      caption:{
         start: true,
         hide: 'click'
      },

      Let me know
      Thanks

    • 5 years ago the_lyall
      Participant

      Hi Ludjon,

      Sorry – I forgot that the guest admin login would expire (we have a plugin for that).

      I’ve added that code in and it works, thanks. The button disappears now if the image is clicked but I don’t think that’s a problem (it comes back on mouse-out and mouse-over again, and clicking isn’t particularly likely).

      Thanks for your help!

    • 5 years ago Ludjon
      Keymaster

      You’re welcome :)

      If you like our theme and support, leave us a rating on Themeforest, it’s very important for us :)

      https://themeforest.net/downloads

      Thank You so much

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