How to hide image title on Wells Gallery

Hi all,

I'm looking to hide the title (and maybe the description) of the images in my gallery pages so that I can better use the alt tags.

I'm using the Wells Theme and I have about 100 images across 4 galleries. I am ranking poorly in my local area and I want to improve this.

I don't think anyone wants to read 'photo of model X at Deadly Studios, Dublin. She is looking away from the camera with red and green lighting illuminating her face.' etc.

Any advice?I've seen other solutions, but none have worked for me so far. I'm assuming I need a code workaround?

Many thanks, Sean

@seanconroy You can share site url?

https://deadly.ie/studio

At the moment you can see titles and descriptions.

I'd love to hide the titles but the CSS code I've found online just hides the description.

@seanconroy Did you solve? I can't find title or description in that link. Just images...

If you haven't resolved, can you take screenshot of title what you want to remove?

It's these I want to get rid of. I'm led to believe they act as alt tags. But I don't want them visable.

@seanconroy Add to Home > Design > Custom CSS

/* Hide Green Title */
.collection-type-gallery .slide-meta-wrapper .image-title {
   visibility: hidden;
}
/* Hide Black Date */
.collection-type-gallery .slide-meta-wrapper .image-desc {
   visibility: hidden;
}

see how to insert code to Custom CSS: https://beaverhero.com/squarespace-how-to/#HowtoInsertCustomCSS

Some CSS for Wells: https://beaverhero.com/squarespace-all-css/

@seanconroy try replacing visibility: hidden;

with display: none;

You're an absoloute gentleman. That worked perfectly. Thank you very much! :)

@seanconroy You're welcome. You can click Accept Answer if it worked. Other members can use it.

--We do not receive anything from Squarespace when answering the question here. You can click Up vote, a little fun for those who answered questions.

@tuanphan I am currently redesigning my site to Wells, so the link won't work, but attached are screenshots.
I attempted the CSS code: 

Quote

 

/* Hide Green Title */
.collection-type-gallery .slide-meta-wrapper .image-title {
   visibility: none;
}
/* Hide Black Date */
.collection-type-gallery .slide-meta-wrapper .image-desc {
   visibility: none;
}

 

 

 

But it is not working and displaying the title and description.
As @seanconroy mentioned, the "visibility: hidden;" leaves a white box.

Additionally, both "visibility: hidden;" and "visibility: none;" do not work on the mobile version of  the site.

Do you know of a solution here that hides both the title and descriptions for the Wells template, without the white box?

Thanks!

8 hours ago, arpllc said:

@tuanphan I am currently redesigning my site to Wells, so the link won't work, but attached are screenshots.
I attempted the CSS code: 

But it is not working and displaying the title and description.
As @seanconroy mentioned, the "visibility: hidden;" leaves a white box.

Additionally, both "visibility: hidden;" and "visibility: none;" do not work on the mobile version of  the site.

Do you know of a solution here that hides both the title and descriptions for the Wells template, without the white box?

Thanks!

visibility: none = show 

try replace it with display: none !important;

If it doesn't work, you can share link to your site (or a Well template site) where we can see image title, we can check easier

Thanks, but it's still not working. I used:

Quote

/* Hide Green Title */
.collection-type-gallery .slide-meta-wrapper .image-title {
   display: none !important;
}

I currently am displaying the galleries publicly with the titles and descriptions removed. The galleries with the active titles and descriptions are at at https://www.andyryanphotographer.com/architectural-interiors-photography-2.

Thanks

On 1/30/2022 at 6:55 PM, arpllc said:

Thanks, but it's still not working. I used:

I currently am displaying the galleries publicly with the titles and descriptions removed. The galleries with the active titles and descriptions are at at https://www.andyryanphotographer.com/architectural-interiors-photography-2.

Thanks

Use this code

.collection-type-gallery.hide-meta .meta .image-title {
    display: none !important;
}