Skip Navigation

[Resolved] Repeatable images not shown correctly

This thread is resolved. Here is a description of the problem and solution.

Problem:

I am trying to display a set of image thumbnails from a repeatable field image.

Problem is that, although the images are displayed, there is a BLANK AREA in between, which spoils the "gallery effect".

Solution:

It can be fixed by CSS codes, see details here:
https://toolset.com/forums/topic/repeatable-images-not-shown-correctly/#post-1131761

Relevant Documentation:

https://www.w3schools.com/cssref/pr_dim_min-height.asp

This support ticket is created 6 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 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 4 replies, has 2 voices.

Last updated by Luo Yang 6 years, 2 months ago.

Assisted by: Luo Yang.

Author
Posts
#1130154
snapshot.png

I am trying to display a set of image thumbnails from a repeatable field image.

Problem is that, although the images are displayed, there is a BLANK AREA in between, which spoils the "gallery effect". Please refer to the attached screenshot.

You can check the issue in this link:

hidden link

I'm using this code to display the images in the Layout for displaying a single custom post type entry:

[wpv-conditional if="( '[wpv-post-field name='wpcf-fotos-opcionales' index='0']' ne '' )"]
<div class="row">
[wpv-for-each field="wpcf-fotos-opcionales"]<div class="col-sm-6 fotos-opcionales"></div>[/wpv-for-each]
</div>
[/wpv-conditional]

Can you help me get rid of that ugly blank space? Instead I would like to see an image in there.

I can provide access to a staging site - please open a private dialog, so that I can pass the credential details.

Thanks

Alvaro

#1130496

Dear Alvaro,

Please provide your website credentials, also point out the problem page URL and view URL, I need to test and debug it in my localhost, thanks

#1131761

Thanks for the details, I have done below modification in your website:
hidden link

Add below CSS codes:

div.fotos-opcionales{
min-height: 240px;
}

Please test again, check if it is fixed.

More help:
hidden link

#1131928

Luo you rock!!

Works perfect 🙂

Thank you so much!!

#1132292

You are welcome