Skip Navigation

[Resolved] Image preview in CRED edit form, full size

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

Problem:
CRED edit post forms, with image upload fields, shows the existing image in FULL-SIZE not a "mini-version" of the image.

Solution:
150x150 px thumbnail is generated natively by WP core as the_post_thumbnail and this should be generated regardless of Toolset or CRED or theme.

To forcefully resize images, you can follow any one of the ways below:

1. Add this css in CRED form >> CSS editor section -- this is the easiest option:

 img[id^='loaded_']{width:150px;} 

2. OR you may use WordPress custom size thumbnail method as I mentioned before:
https://toolset.com/forums/topic/image-preview-in-cred-edit-form-full-size/#post-561260

This support ticket is created 7 years, 3 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.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 12:00 – 17:00 -
- 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 18:00 – 21:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 16 replies, has 3 voices.

Last updated by tinaH 7 years, 2 months ago.

Assisted by: Noman.

Author
Posts
#567684

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hello Tina,

Our CRED developer said that we intentionally removed css class from the CRED as scaling the image is not quite good option, as such from now on we rely on available thumbnails.

So to resolve this issue you can follow any one of the ways below:

1. Add this css in CRED form >> CSS editor section -- this is the easiest option:

 img[id^='loaded_']{width:150px;} 

2. OR you may use WordPress custom size thumbnail method as I mentioned before:
https://toolset.com/forums/topic/image-preview-in-cred-edit-form-full-size/#post-561260

Thanks

#569392

Thank You I already added css to my theme.