Okay
  Public Ticket #2341144
Lightbox gallery in side portfolio
Closed

Comments

  • MaroRennella started the conversation

    Hi there

    I have an. Issue when I click images on the side and columned portfolio. By default a ‘Lightbox I open. I’m wondering if is any choice to change the style of the galley, size, background color, add caption, etc.

    I´d like when I click on any image opens a Lightbox similar to the one appear on the ‘Lightbox portfolio’.

    Thanks

  •  1,558
    Laborator replied

    Hi there,

    Unfortunately you cannot get the same look of the lightbox as the lightbox type, this is just a simple lightbox for the other portfolio types.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art, such a Pity...

    And there is a way (with css) to change the background color of the simple lightbox?

    I don't like that when is opened, i can see the pic in the background...

  •  1,558
    Laborator replied

    Hi Maro,

    Add this CSS to Custom CSS to make it all dark:

    .nivo-lightbox-theme-default.nivo-lightbox-overlay {
        background: rgba(0,0,0,1);
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art

    I did it but is not working

    Also im wodering if is any way to show the captions in this simple lightbox but not in the masonry.

    I´d like Ligthbox portfolio the way the images looks, and there i can see the captions, but in the series that i have 'text descriptio' i don't know if there a way to add it...

  •  1,558
    Laborator replied

    Hi,

    Can you please share your site credentials here, because we need to login to your site and see this issue live. Your information is safe (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar. (See how)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   MaroRennella replied privately
  •  1,558
    Laborator replied

    Hi again,

    The CSS was not in the Custom CSS area so I have added it, it worked immediately:

    medium
    (view large version)

    Regarding your other question, it's not possible to add a caption to the lightbox only.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Understand, in the general ccs  , i added to the single portfolio.

    But anyway, i cant see no differences, i refresh the page and is not working....strange...



  •  1,558
    Laborator replied

    I have added an !important class now it should work.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    now is working.


    And about captions, there is a way to add text to the 'Lightbox Porftolio'? I know that i can add caption for each image, but im wondering is there any way to add a description for the serie.


    Best

    Maro

  •  1,558
    Laborator replied

    Hi Maro,

    If you're talking about the Lightbox Portfolio type, you can add both a title and a description:

    medium
    (view large version)


    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    I know this...

    I think i did not explain well. 

    I want to add, more text, that the ones i use to add in a side portfolio.

    like here for example. 

    I like side portfolio because i can add text and the images....but i don't like i can't add captions when the simple lightbox is opened.

    In other hand, I´d like the lightbox portfolio because i love the way the images look lilke (and also i can add caption) but i cant add a text for the whole description of the serie...maybe i can add a boton or a link 'text' and the people who want to know more about the series can get it....thoughts...


    Best

  • MaroRennella replied

    like here

  •  1,558
    Laborator replied

    Hi Maro,

    As I explained in another reply, unfortunately that is not possible:

    medium
    (view large version)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    and neither text like here to the Lightbox portfolio...


  •  1,558
    Laborator replied

    Hi Maro,

    That's not possible in the lightbox gallery, you can only have the description show up in the image when it popups.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art

    Thanks,

    About the ccs code that you send me before to change the background color of the galley, i try other color and its working...but in same cases use the white color but the arrows are white....is there any chance to change arrows colors?


    Thanks


    Regards

    Maro

  •  1,558
    Laborator replied

    Hi Maro,

    Try using this CSS to change the arrows to black when the background is white:

    .nivo-lightbox-theme-default .nivo-lightbox-prev:after, .nivo-lightbox-theme-default .nivo-lightbox-next:after {
        color: #000 !important;
    }
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art

    I gonna try it, but the thing is i want some with white and others with black background.

    I´m wondering if i can add the codes to the custom css to each portfolio.

    I try it but is not working


    Thanks

  • MaroRennella replied

    sorry sorry, forget the importatn!...is working now

  • MaroRennella replied

    And if i want te edit with this? I show you an image in red

    Thanks

    Regards

    Maro



  •  1,558
    Laborator replied

    Hi Maro,

    That's actually an image which cannot be changed, unless you change the image completely and replace it.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art

    This is arrow is a small image...

    But i can change it for some portfolios? or if i change it , change for everyones?


    Thanks

    Best

    Maro

  •  1,558
    Laborator replied

    Hi Maro,

    I have inverted the image and uploaded it in the media, now you can use this code for that:

    .nivo-lightbox-theme-default .nivo-lightbox-close {
        background-image: url(http://marianorennella.com/wp-content/uploads/2020/03/[email protected]) !important;
    }
    

    Please note these requests are all customizations and are not granted with the support.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Hi Art

    Thanks a lot for that...

    I had a bad experience with other supporter today...

    Kind Regards...

    Maro

  • MaroRennella replied

    Hi Art


    I try it but is doesn't working. I added to a singular portfolio. 

    http://marianorennella.com/portfolio/walk/

    I show in the images below, background and arrows are ok but no the small arrow (image) for close the gallery.

    Thakns


    Regards

  •  1,558
    Laborator replied

    Hi again,

    I am sorry there was an extra character in the URL and that's why it didn't work, please try again as I have edited my previous reply and copy that code.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Art

    Yeah man! Your awesome!

    Thanks

    Kind Regards

  •  1,558
    Laborator replied

    You're welcome Maro, I will set this ticket as solved from here and if you have any further questions or issues please create a new ticket instead.

    Take care!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  • MaroRennella replied

    Perfect

    Take care too

    Best

    Maro