Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • December 20, 2014 at 4:59 pm #370985
    hansmeiser

    Hi,

    I’d like to hide the filename below the image in light boxes (masonry gallery) here:
    //See below

    How?

    This tip didn’t work:
    https://kriesi.at/support/topic/file-name-in-light-box/?login_error=incorrect_password

    Thank you!

    December 21, 2014 at 6:13 am #371172
    Josue

    Hi!

    The page you linked requires a password, please post it here as a private reply.

    Best regards,
    Josue

    May 7, 2015 at 10:40 pm #441287
    gf-design

    Hi. I am also wondering about that.
    I want to hide the filename when user looks a gallery but I want the caption’s image remains.
    Is it possible? I hope so :)
    Thanks in advance.
    Regards

    May 7, 2015 at 10:59 pm #441295
    Josue

    Hey @gf-design!

    Please post a link to your gallery.

    Regards,
    Josue

    May 8, 2015 at 5:33 am #441372
    gf-design

    Up to now, I am working in a localhost (if it’s absolutly necessary, I could upload a temporal site if you prefer)
    filename
    This is the filename that I want to remove but, I’d like to keep the caption text of each image.
    Thanks

    • This reply was modified 9 years, 7 months ago by gf-design.
    May 8, 2015 at 6:13 am #441384
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .mfp-content figcaption {
    display: none !important;
}

    Cheers! 
    Josue

    May 8, 2015 at 6:25 am #441393
    gf-design

    Hi Josue.Thanks for the quick answer
    This works but it also hides the caption text in case the image has one. Actually, the caption text is the text I want to show, not the filename. (Nobody is interested on filename)
    I am working in a photography site and it has thousand of images and they wouldn’t look so well showing the file name.
    I thought the solution may come from the JS side.
    Any idea?

    • This reply was modified 9 years, 7 months ago by gf-design.
    May 8, 2015 at 5:44 pm #441679
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .mfp-title { display: none; }

    Regards,
    Yigit

    May 8, 2015 at 5:58 pm #441689
    gf-design

    Hi Yigit. Thanks for your answer but it’s the same solution Josue suggested.
    Your solution hides the filename but also hides the caption text in case the image has one and this is the one we want to show.
    I’d like you tell me where I have to touch in the code to remove the filename off but the caption image remains.
    Any suggestion? :)
    Regards

    May 8, 2015 at 7:11 pm #441742
    Josue

    Please publish the site and post a link here, i’m not sure why are you getting the filename in the first place (doesn’t happen on my local install).

    Regards,
    Josue

    May 8, 2015 at 10:02 pm #441796
    gf-design

    Hi Josue
    This this one of the gallery that I mention, but it happens with all of them.
    Take a look when you open the images, in the second picture the caption name is “panza” .This text is what I want to display and to avoid to show the filename when it doesn’t exist.
    I using last version of WP 4.2.2 and Enfold 3.1.5
    Any idea?

    May 8, 2015 at 10:10 pm #441797
    gf-design

    The only workaround I found was to add an empty space in each image in the description field but it’s very annoyed when you have a lot of images per gallery.

    May 9, 2015 at 3:25 am #441840
    Josue

    Hi,

    Try the following: open js/avia.js and look for line 917:

    if(!title) title = item.el.find('img').attr('title');

    Replace it by this:

    //if(!title) title = item.el.find('img').attr('title');

    Regards,
    Josue

    May 9, 2015 at 9:22 pm #441998
    gf-design

    Hey Josue.
    That’s exactly what we wanted. Thanks so much. :)
    The only thing I wonder if it’s possible to leave this change in the child theme. I created avia.js file into my child theme in this path “themes\enfold-child\js\avia.js” but WP doesn’t take the change.
    If this is a bit complex, don’t worry since it’s enough for me.
    Thanks again.
    Cheers

    May 10, 2015 at 6:43 pm #442123
    Josue

    Hey!

    You need to include this in your child functions.php

    // Replace avia.js
function change_aviajs() {
   wp_dequeue_script( 'avia-default' );
   wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'change_aviajs', 100 );

    Regards,
    Josue

    May 11, 2015 at 2:14 am #442167
    gf-design

    Hey Josue. That works!
    Thanks so much for the excellent support.
    Best regards

    May 11, 2015 at 3:21 am #442173
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • You must be logged in to reply to this topic.