Support » Plugin: Gmedia Photo Gallery » Add padding to lightbox titles and counters

  • Resolved cyberol

    (@cyberol)


    Hi,
    The titles and counters in my AlbumsListMasonry lightboxes appear just at the same spot as my left hamburger menu.
    How can I add some padding to push these titles and counters a little lower? (under the hamburger button)

    Thanks a lot.

    PS
    Before posting a question, I always check the forum first, but whenever I search for keyword(s) or tags in the forum, I cannot even find my own former posts! That can explain why some people may ask the same questions twice!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Rattus

    (@pasyuk)

    Slick Menu plugin wrap theme code with additional block element for 3d effect. But Gmedia adds lightbox dynamically to the body, but not to the created wrapper block element. The only solution is to make Gmedia Lightbox higher with z-index, so hamburger menu will be hidden:

    .gmedia_AlbumsListMasonry_TermCollection { z-index: 99999998; }

    Hello,
    Thanks for your reply. I understand what you mean, but I think there is a little confusion here with the above request and the one I sent through Gmedia support.

    1. For the above request, I just need to push the titles and counters (in the lighbox) vertically a little lower, so they are not displayed at the same position as the left hamburger button.

    2. Regarding the other issue with Slick Menu 3d menu, it opens behind the Gmedia galleries and lightboxes, so I need to make sure it opens on top of Gmedia galleries and lightboxes so that it is visible.
    I have tried to add this CSS code and also with a z-index of 1, but the Slick menu still opens behind and thus is hidden and unusable.

    This website is almost finished and perfect, but this 3d menu being hidden behind Gmedia is quite a serious issue for the design of my site. Hope we can find a way to fix this.

    thanks a lot!

    Plugin Author Rattus

    (@pasyuk)

    Ok, here is all I can do for you, but first you need to remove z-index: 1 !important that you added yourself:

    .gmInfoBox1 {
        padding-left: 60px;
    }
    
    .gmedia_v2_ColectionSliderActivate,
    .gmedia_AlbumsListMasonry_TermCollection.gmContent {
        transition: opacity 0.4s;
        opacity:0.9999;
    }
    
    .sm-menu-active .gmedia_v2_ColectionSliderActivate,
    .sm-menu-active .gmedia_AlbumsListMasonry_TermCollection.gmContent {
        opacity: 0;
        pointer-events: none;
    }
    
    .sm-overflow-fix .sm-wrapper-inner {
        position: fixed;
        width: 100vw;
    }
    cyberol

    (@cyberol)

    Wow, man, you are the master!!
    That’s what I call a good xMas present!

    Thank you so much!

    Hi,
    I have bought AlbumsGrid4 to create some category based galleries and I have the same issue with Slick menu that opens in the background.
    Could you please give me the same CSS code for albumsgrid4 (also with the left padding for titles and counters)

    Also, when I open a picture in lightbox, I can still see the collection page in the background, is there a way to hide it or dim it more?

    Thanks a lot

    http://cybercisco.com/haikyo/

    Plugin Author Rattus

    (@pasyuk)

    Here is CSS for slick menu:

    .pgc-rev-lb-b-header {
        padding-left: 60px !important;
    }
    
    .pgc-rev-lb-b-view {
        transition: opacity 0.4s;
        opacity:0.9999;
    }
    
    .sm-menu-active .pgc-rev-lb-b-view {
        opacity: 0;
        pointer-events: none;
    }
    
    .sm-overflow-fix .sm-wrapper-inner {
        position: fixed;
        width: 100vw;
    }

    As for lightbox background you can set it in Module settings: Lightbox Settings tab -> Background Color option.

    Perfect!

    Thanks a lot!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Add padding to lightbox titles and counters’ is closed to new replies.