Skip Navigation

[Resuelto] Displaying multiple images in CRED edit post form

Este hilo está resuelto. Aquí tiene una descripción del problema y la solución.

Problem:

Style multiple instances image field in Toolset post form.

Solution:

You can try to apply your custom CSS style to div.wpt-repctl-flex, for example:

https://toolset.com/forums/topic/displaying-multiple-images-in-cred-edit-post-form/#post-1133208

Relevant Documentation:

https://toolset.com/documentation/user-guides/styling-cred-forms/

This support ticket is created hace 6 años, 1 mes. 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.

Hoy no hay técnicos de soporte disponibles en el foro Juego de herramientas. Siéntase libre de enviar sus tiques y les daremos trámite tan pronto como estemos disponibles en línea. Gracias por su comprensión.

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)

Etiquetado: 

Este tema contiene 3 respuestas, tiene 2 mensajes.

Última actualización por Edward Barker hace 6 años, 1 mes.

Asistido por: Luo Yang.

Autor
Mensajes
#1132825

Hi There!

I'm trying to customise my edit post form. This particular post type has a field with the option to add multiple images. My question is how do I apply CSS to this?

(I've added a class as described in your documentation https://toolset.com/documentation/user-guides/styling-cred-forms/ but even a simple thing as applying a width doesn't work)

I'm specifically interested in displaying the images inline if possible too.

Any thoughts would be greatly appreciated.

Ed

#1133208

Hello,

You can try to apply your custom CSS style to div.wpt-repctl-flex, for example:

.wpt-repctl-flex{
	display:inline;
    width:30%
}
#1133375
Screen Shot 2018-10-24 at 11.36.47 copy.png

Thanks, that adjusted the width but didn't resolve the display issue, they're still on top of each other instead of side by side.

Any more thoughts?
Ed

#1134022

This is a custom CSS problem, above CSS codes works in my localhost, please provide a test site with the same problem, also point out the problem page URL, I need to test and debug it in a live website, thanks