Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #644894

    Hi guys
    on the site below, in the section below “we get the job done”, I thought I would see the titles in the lightbox when opening the images from the portfolio grid, but I only see image numbers. Is there another setting to get titles/captions in the lightbox? Also wondering if I had an image with a video link, could there be a caption below the video when it’s open in the lightbox? RIght now when I test it there isn’t one.
    thanks
    Nancy

    • This topic was modified 8 years, 6 months ago by Munford.
    #645658

    Hey Munford,

    Try editing the attachments metadata in Media.

    Best regards,
    Josue

    #646221

    I have done that. If wanted to have titles only on the videos/images in the lightbox and notas “titles/excerpts” underneath the image. If see I can have both…

    #646253

    Hi,

    Sorry it is not clear what you are trying to achieve please elaborate or if possible post us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Vinay

    #647558

    I would like to have the titles of my videos show up underneath the image when it opens in lightbox.

    #648951

    Hi,

    I’m sorry but we can’t access the site. The lightbox can only display the title of the image but not the excerpt. Apply title to the images in the Media > Library panel.

    Best regards,
    Ismael

    #649080

    Hi

    I have given the images titles in the media library – caption and description areas as well – but they do not show up under the videos in lightbox. I do not want titles/excerpts under the images, only in the lightbox under the videos. Is that possible?

    Thanks for taking a look
    Nancy

    • This reply was modified 8 years, 6 months ago by Munford.
    #650091

    Hi,

    Alright. I can see the issue now. Please edit the js > avia.js file and look for the “avia_activate_lightbox” function around line 916. Inside the function, look for this block of code:

    	image: {
    				    titleSrc: function(item){
    					    var title = item.el.attr('title');
    					    if(!title) title = item.el.find('img').attr('title');
    					    if(!title) title = item.el.parent().next('.wp-caption-text').html();
    					    if(typeof title == "undefined") return "";
    					    return title;
    					}
    				},

    Below that, add this:

     iframe: {
                         markup: '<div class="mfp-iframe-scaler">'+
                                    '<div class="mfp-close"></div>'+
                                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                                    '<div class="mfp-title">Some caption</div>'+
                                  '</div>'
                      },
    

    Again, look for this line (966):

    				callbacks:
    				{
    

    Add this code underneath:

    markupParse: function(template, values, item) {
                            values.title = item.el.attr('title');
        				    if(!values.title) values.title = item.el.find('img').attr('title');
        				    if(!values.title) values.title = item.el.parent().next('.wp-caption-text').html();
        				    if(typeof values.title == "undefined") return "";
                        },

    Best regards,
    Ismael

    #651368

    so I guess that’s not the default setting! ;)
    I will try that.
    thanks

    #652026

    HI again
    I added that code but am not seeing the change in Lightbox. ??
    thanks for your help
    Nancy

    #652435

    Hey!

    My bad. I duplicated the second block of code. We modified the code above. Please try it again.

    Regards,
    Ismael

    #652608

    great – that worked. I am now having another problem with the lightbox – side navigation.
    I have this code:
    /* disable side nav on trailers*/
    #top .trailers img.mfp-img {
    pointer-events: none;
    }
    .trailers .mfp-arrow {
    display: none!important;
    }
    .trailers .mfp-counter {
    display: none;
    }
    to disable the side nav on the .trailers images, but am not seeing it on the front end. I have cleared the cache, etc.
    I was using the code before without the .trailers target, and it was fine, though I can’t get that to work now either.
    ??
    thanks for your help
    Nancy

    #653824

    Hi,

    please open a new ticket for a new problem/issue, otherwise it’s getting too confusing.

    I checked the link you’ve provided but can’t see any issues at all. Not sure what you want to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Best regards,
    Andy

    #653882

    I was trying to disable the side navigation in the lightbox on the link below in the corporate section. They are all videos. I was using the code above to hide the arrows, etc. but it’s not working now.

    #655115

    Hi,

    I’m sorry but I can’t see the issue exactly. Could you please provide a screenshot? If possible, please create a new thread for this inquiry. Thank you.

    Best regards,
    Ismael

    #655140

    If you look at the image below, when the lightbox is open to play the videos in the “corporate” section, there is still a side navigation (arrows) to go to the next video. I would like to disable that in this section (with ID #trailers”).

    thanks
    Nancy

    #656206

    Hi,

    You can disable the arrow but not for a specific section. If you want to disable it for this specific page, use this:

    .home button.mfp-arrow {
        display: none !important;
    }

    Best regards,
    Ismael

    #656777

    OK good to know
    thanks for your help.

    #657586

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘lightbox titles / captions’ is closed to new replies.