Okay
  Public Ticket #2094873
Nivo lightbox height and width of images
Closed

Comments

  •  17
    Marcelo started the conversation

    Show, Ylli, you don't know how I get more relaxed now. You helped me a lot. Note 10 to you (previous tickect # 2079327.)

    Ylli, you closed the ticket I was still going to comment on. That's why I'm creating another one.

    .
    I used the code below, made some changes to the values and nothing changed.
    ////
    .nivo-lightbox-wrap {
         top: 3%;
         bottom: 3%;
         left: 3%;
         right: 3%;
    }

  • [deleted] replied

    Hi Marcelo,

    If that didn't work then you can simply add !important CSS rule.

    So:

    .nivo-lightbox-wrap {
        top: 3% !important;
        bottom: 3% !important;
        left: 3% !important;
        right: 3% !important;
    }

    Have a nice day!

    Will set this ticket as solved from here.

  •  17
    Marcelo replied

    Hello Ylli, change the values to 1%, 20%, 30%, 99% and nothing happens any different.

    What is this code for?

  • [deleted] replied

    Hi Marcelo,

    Have you added !important rule as I wrote, please delete the old CSS code:

    .nivo-lightbox-wrap {
         top: 3%;
         bottom: 3%;
         left: 3%;
         right: 3%;
    }

    and add this new one:

    .nivo-lightbox-wrap {
        top: 3% !important;
        bottom: 3% !important;
        left: 3% !important;
        right: 3% !important;
    }

    Have a nice day!

  •  17
    Marcelo replied

    Ylli, that had already been done. I did it and it didn't work.

  • [deleted] replied

    Hi Marcelo,

    You made them 99%, i just made that 3% and not the image is larger than in the original codes 10%.

    See video: https://d.pr/v/c2VfSa

    Have a nice day!

  •  17
    Marcelo replied

    Ylli, I saw your video. Very well explained. But there is something that does not work well. The vertical images are a nice size. They approach the top and bottom. but the vertical images do not. They may get bigger on the screen. See in my images below..How to make a larger horizontal image in lightbox.

    LINK: https://www.dropbox.com/s/d49sowq05822fih/LIGHTBOX-SIZE-IMAGE-HORIZONTAL.mp4?dl=0

  • [deleted] replied

    Hi Marcelo,

    Can you please send me an URL where that gallery is?

    P.S: Please update your theme to the latest version.

    Thanks!

  •  17
    Marcelo replied

    Ylli, any gallery registered in the system. You can choose any one.


    EXEMPLO

    http://arcmaisco.com/arc2020/portfolio/corredor-da-vitoria-07/

  • [deleted] replied

    Hi Marcelo,

    Sorry but I don't know how the lightGallery library implements this. We just use this gallery in our theme and we also always update the library when they release updates and integrate them in our theme.

    You can contact the creator of this gallery and ask them if there is any solution to have those images as you want.

    Have a nice day!

  •  17
    Marcelo replied

    Hi Ylli, how are you? But hadn't you sent me this code before? Doesn't it work anymore?

    Will I have to contact the NIVO LIGHTBOX company? That's right?


    CODE

    .nivo-lightbox-wrap {    top: 3% !important;    bottom: 3% !important;    left: 3% !important;    right: 3% !important;
    }


  • [deleted] replied

    Hi Marcelo,

    I tried to help you but those codes are not working so you need to contact the library plugin for this, eaither way this question is out of the theme support scope.

    Thanks for your understanding!

    Will set this ticket as closed from here.