Image Gallery now working correctly under Posts

Home Forums Jevelin Theme Image Gallery now working correctly under Posts

Home Forums Jevelin Theme Image Gallery now working correctly under Posts

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Hi Team,
    I have an issue with Image Gallery under custom posts.
    Even thought Overlay option is set as on, overlay is not working and lightbox is not showing.
    All works perfectly fine with same setup under Pages.
    What might be a reason for this?

    I’m providing links to example of Post and Page in private content.

    Let me know if you need any further access to have a look at this one.

    Many thanks!
    Cheers,

    Marcin

     

    Hi Marcin,

     

    I hope you are well today and thank you for your question.

     

    Does it work for you on page if you add overlay to the items in the tab than first tab?

     

    Best regards,
    Shufflehound team

    Hello,
    All good today, thanks for asking 🙂 Hope you are doing fine as well…
    I’ve just moved Tab and content that has this Gallery Images as second one.
    Working fine, no change to behavior. [see shared link]

    You can try resolving this issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    body.single-oferta .sh-gallery-item:hover .sh-overlay-style1 {
        opacity: 1!important;
    }
    
    body.single-oferta .sh-gallery-item:hover .sh-overlay-style1 .sh-overlay-item:last-child {
        display: block;
        opacity: 1;
        height: 100%;
    }

    Hi Guys,

     

    As always, many thanks for your help!
    Yes, all works fine now with images overlay in those posts.

    I understand that there is a issue when Image Gallery is not in the first tab on a page, then only thumbnails are loaded not images that fit into column.
    [screenshot: 001.png]

    Is there a way to correct this, force images in gallery to load with width up to their columns they are fit into?

    [screenshot: 002.png]
    Cheers,

    Marcin

     

    Attachments:
    You must be logged in to view attached files.

    Try resolving it using following custom CSS code.

     

    #tab-6c06dc89cff0e3ed16dee3800e8a1316-2 .slick-initialized .slick-slide {
        width: 284px !important;
    }
    
Viewing 6 posts - 1 through 6 (of 6 total)