[Resolved] repeating image caption formatting

[Author]

Posts

[larryL-2]

Tell us what you are trying to do?

I have updated my repeating image captions to the latest update, and they are working. However, they are formatted to use an overlay over the image. Is there any way to have the caption text below the image?

Is there any documentation that you are following? no

Is there a similar example that we can see?

hidden link

What is the link to your site?

hidden link

[Minesh]

Hello. Thank you for contacting the Toolset support.

Toolset offers the Gallery block which you can use to display the repeating field with caption:
=> https://toolset.com/2020/04/toolset-blocks-1-2-beta/

Please check the following image: hidden link
- Where please make sure you should select Gallery block style to grid and activate the caption option.

Please check the video tutorial available at top of the page with the following Doc:
=> https://toolset.com/course-lesson/dynamic-galleries-and-sliders-for-templates-displaying-repeating-image-fields/

[larryL-2]

Thank you. I am using the Gallery Block, with settings as pictured, but cannot change the caption style.

How can I put the caption below the image?

[Minesh]

As you many already have noticed that there is no other option available to change the current caption position.

You may require to add custom CSS that will help you to display the caption at your desired position. Please let me know if you need help with that. Just share problem URL and access details and mention how exactly at what place you want to add the caption. I will check and guide you with some CSS if thats possible to resolve with that.
Or
You can also use the repeating field block that will allow you to customise the output and where you can set your HTML as per your requirement.

If you want to go with custom CSS way to adjust your caption:
*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

Can you please check now: hidden link

I've added the following plugin to add custom CSS: https://wordpress.org/plugins/simple-custom-css/

And I've added the following CSS here:
=> hidden link

 figcaption.tb-gallery__caption {
  position: relative !important;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.6);
    padding: 5px 2px;
    text-align: center;
    color: #333;
}
 

Can you please confirm it works at your end as well.

[larryL-2]

Yes it works. Sorry for the delay in responding.

Thank you very much!

Larry