Jump to content

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

Recommended Posts

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

sqspc.png


philipus.com ◦▪︎◦ instagram

Link to comment
  • Replies 5
  • Views 541
  • Created
  • Last Reply
  • 3 weeks later...

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?

image.thumb.png.26dd24c7b13fe9eb56f32805f3f0d50b.png


philipus.com ◦▪︎◦ instagram

Link to comment
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
16 hours ago, philipus said:

Hi Tuan, I meant these three areas of padding.

image.png.5c273ff693bdfe95734680200195f26f.png.7605341a74d3020ab8d98e6c8bea8541.png

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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.