Skip Navigation

[Resolved] In gallery archive, captions overlapping images

This support ticket is created 2 years, 2 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Sao_Paulo (GMT-03:00)

This topic contains 2 replies, has 2 voices.

Last updated by katharineG 2 years, 2 months ago.

Assisted by: Mateus Getulio.

Author
Posts
#2613107

I would like the images captions to be _below _the images in the masonry gallery instead of overlapping the bottom of the image. I see various options for caption style, but nowhere to determine the placement of the caption?

What is the link to your site? hidden link

#2613225

Mateus Getulio
Supporter

Languages: English (English )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi there,

Thanks for your contact!

As you have already noticed, there isn't a built-in feature in Toolset that manipulates the captions position. You will need to add a custom CSS, in order to display it at the desired position.

For example, I have checked the page you linked above, and reached to this code that perhaps is a bit near from what you need:

figcaption.tb-gallery__caption {
	background-color: #0e0e26 !important;
	position: relative !important;
	margin-top: 54px !important;
}

Just test to add it in the Appearance -> Customize -> Additional CSS section of the theme. If needed, make some corrections according to your preferences.

Note: the possible solution provided is to be used just as an informational one. Please remember that custom coding is out of the scope of our support, so we can't create, debug or modify code for you and it's your responsibility to maintain it. We hope the one we used as an example could point you in the right direction. Please check our support policy: https://toolset.com/toolset-support-policy/

Thanks for your understanding. If you need anything else don't hesitate to contact us.

Regards,
Mateus.

#2614053

My issue is resolved now. Thank you!