Move Lightbox Image Caption

[terrysmith]

Hey guys, I want to move the image caption on the lightbox to below the image. This Cardinal thread is the same topic and I’ve mostly copied the CSS and added some of my own:

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption
{
    background: none !important;
    background-color: #000 !important;
    text-shadow: none !important;
    bottom: -10% !important;
    text-align: left !important;
    font-size: 16px !important;
}

The problem is the -10% part. Depending on the image the caption can still overlay the image. Is there a better way? What is the -10% relative to? The outer div container which is set to the image’s width and height?

Also, the caption is sometimes hidden underneath the lightbox thumbnails. I’m OK with turning off the thumbnails, and I think I’ve seen a setting for it somewhere but I can’t find it now.

My site is not live yet, so after you login you can use this page to test with:

Somebody Stopped the Sun Just So

Thanks,
Terry

[Mohammad – SUPPORT]

Hi,
Please hide the thumbnail through this code:-

.ilightbox-thumbnail{
display:none !important;
}

Thanks
Mohammad

[terrysmith]

Thank you. Can someone else please answer the rest of my question?

Terry

[Mohammad – SUPPORT]

Hi,
Please remove last one code for image caption as you taken from another thread. And try to use this code.

.ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption
{
    background: none !important;
    background-color: #000 !important;
    text-shadow: none !important;
    bottom: -25% !important;
    text-align: left !important;
    font-size: 16px !important;
}

Thanks
Mohammad

[terrysmith]

Changing -10% to -25% is not a solution.

Is the lightbox from your theme or one from WooCommerce? Can I install a plug-in to replace it?

Thanks,
Terry

[Mohammad – SUPPORT]

Hi,
Its come from with woocommerce default. Just disabled from woocommerce settings. You can try to use any plugin.
Thanks
Mohammad