Styling lightbox captions

[aniemczyk]

Hi, I’m wondering if there’s a way to add an id to the “image caption”. I’d like to style the font to be larger, and allow for page breaks. The breaks were working on the first edit, and now they are not for some reason.

Below is an example of the code I have in a block grid for each gallery image. Here’s a link to the screenshot: https://www.dropbox.com/s/e0d2zjzj11thtv3/Screen%20Shot%202018-04-17%20at%2011.47.08%20PM.png?dl=0

[image class=“my-portfolio” src="/wp-content/uploads/2018/04/PK_white-round-end-table.png" alt=“Patera Kori White Round End Table” type=“thumbnail” link=“true” href="/wp-content/uploads/2018/04/PK_white-round-end-table.png" title=“Patera Kori White Round End Table” lightbox_caption=“White Round End Table24 x 24 x 23 1/2 — $2,350Custom Sizes Available”]

[lightbox selector=".my-portfolio" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

[nico]

Hi @aniemczyk,

Thanks for writing in.

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[aniemczyk]

I had left it out because it had not been published yet. I’ve changed it to a password protected page : http://paterakoristudios.com/furniture-gallery/

cred : devPK

[jade]

Hi there,

You can make some changes using some custom CSS using the selector: .ilightbox-holder .ilightbox-container .ilightbox-caption. So if you want to change the caption’s font size, you can try this code:

.ilightbox-holder .ilightbox-container .ilightbox-caption {
    font-size: 1.4em;
}

Feel free to edit the code to add further styling.

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[aniemczyk]

Thank you! That’s exactly what I needed.

[christian]

You’re welcome. Glad we could help.