Skip Navigation

[Resolved] Make image preview in CRED Edit form thumbnail instead of full size

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

Problem:
A CRED form to publish posts displays image fields as thumbnails, but the same form for editing posts displays them full sized.

Solution:
There isn't currently an option to change this, and you must use CSS to limit the size of the displayed image:

.js-wpt-credfile-preview img {
    max-width: 150px;
}
This support ticket is created 5 years, 11 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
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

Author
Posts
#734245
temp.jpg

Is there a way to have a CRED form display the thumbnail version of an image instead of the full-size image? The form I'm using is to edit user content (a profile picture). When first uploading the image, it displays a thumbnail. However, when you come back later to edit the data it displays the full sized image and it's just way too big. Thanks in advance for the help.

- Aaron

#734907

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Aaron

There isn't an option to determine which size image is used for the preview, and we have an open internal ticket relating to the fact that the thumbnail would be expected here, but we are shown the full sized image.

For now you need to set the size with CSS, like so:

.js-wpt-credfile-preview img {
    max-width: 150px;
}
#736864

Too easy! Thanks.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.