How hide only image title (not description) from Gallery block in 7.0?

Site URL: https://philipus.com/tribunal-gallery

Hello everyone

I'm stuck. I've tried various solutions from the forum to hide only the image title – not the description – on lightboxed photos on my site, but I only manage to hide both or none. 

See the page above and click the first image "The entrance to Chambers". Also see the below screenshot.

It is the text "test" that I wish to remove, not only hide, to prevent there from being no empty black space above the description.

I'd like it gone from both desktop and mobile. I use a gallery block on the Wells template, v. 7.0.

I've tried this CSS for instance:

.yui3-lightbox2 .sqs-lightbox-meta .image-title {
   visibility: hidden; !important;
}

Thank you kindly in advance

Philip

Hi. It looks like you solved this?

Hi Tuan

My apologies for not replying until now. For some reason I didn't get an email notification of your post.

It's strange. When I posted my question there would always be a large empty black space above the image description where the image title would be located even when image title field wasn't filled out in the image description dialog box. But suddenly that changed without my having added custom CSS. 

I'm wondering about the padding around the image description text though. Is there a way to adjust that? 

Kind regards

Philip

On 6/9/2021 at 4:30 PM, tuanphan said:

Hi. It looks like you solved this?

On 6/30/2021 at 3:03 PM, philipus said:

Hi Tuan

My apologies for not replying until now. For some reason I didn't get an email notification of your post.

It's strange. When I posted my question there would always be a large empty black space above the image description where the image title would be located even when image title field wasn't filled out in the image description dialog box. But suddenly that changed without my having added custom CSS. 

I'm wondering about the padding around the image description text though. Is there a way to adjust that? 

Kind regards

Philip

You mean padding between black overlay - left/right of border image?

7 hours ago, tuanphan said:

You mean padding between black overlay - left/right of border image?

Hi Tuan, I meant these three areas of padding.

16 hours ago, philipus said:

Hi Tuan, I meant these three areas of padding.

Add to Design > Custom CSS

/* Lightbox caption padding */
.yui3-lightbox2 .sqs-lightbox-meta.overlay-description-visible {
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}