Displaying multiple images in CRED edit post form

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

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 6 years, 1 month 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)

Tagged: Toolset Forms

This topic contains 3 replies, has 2 voices.

Last updated by Edward Barker 6 years ago.

Assisted by: Luo Yang.

Author

Posts

October 23, 2018 at 3:35 pm #1132825

Edward Barker

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.

October 24, 2018 at 4:55 am #1133208

Luo Yang

Hello,

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

.wpt-repctl-flex{
	display:inline;
    width:30%
}

October 24, 2018 at 10:41 am #1133375

Edward Barker

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

October 25, 2018 at 3:11 am #1134022

Luo Yang

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