Skip Navigation

[Gelöst] Disabling cropping on the image block

This support ticket is created vor 3 Jahren, 1 Monat. 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.

Heute stehen keine Supporter zur Arbeit im Werkzeugsatz-Forum zur Verfügung. Sie können gern Tickets erstellen, die wir bearbeiten werden, sobald wir online sind. Vielen Dank für Ihr Verständnis.

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: Africa/Casablanca (GMT+01:00)

Dieses Thema enthält 6 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Jamal vor 3 Jahren, 1 Monat.

Assistiert von: Jamal.

Author
Artikel
#2191479

The article you provided, which was not helpful, linked to a related article where apparently Toolset instructs users how to enable image cropping, instead of prevent it: https://toolset.com/course-lesson/displaying-images-with-toolset/

Is there an article link for how to prevent cropping entirely?

#2191483

Hello again!

As you can see on the "Cropping with Toolset’s Image block" section, the dropdown that appears has two options. The second one is used for cropping images, while the first one is used to disable cropping. Check this screenshot versteckter Link
https://toolset.com/course-lesson/displaying-images-with-toolset/#cropping-with-toolsets-image-block

Keep in mind that, without cropping, the resized image will retain its aspect ratio. Depending on the image's width and height, maybe one of them will be smaller than the expected resized sizes. Does it make sense?

I'll remain at your disposal for any further questions.

#2191667

I appreciate your attempts to help, but unfortunately I have followed everything you recommended and the image are still not displaying correctly.

When I select "Scale the image without cropping to fit the width / height." I'm required to enter a height/width value in px.

Every px value I enter results in the image displaying as severely blurred.

If anyone else it following this topic, I would like to make clear that in my direct case, the Toolset Image block in 2 content templates we created with your app, do not display responsively.

Again I ask that if this is possible, please log in to our project and prove it so.

#2191681

Sure! Your next reply will be private to let you share credentials safely. ** Make a database backup before sharing credentials. **

Please provide more details about the content templates, and what images so we get on the same wave.

#2193409

I'm sorry for the delay. I will need a couple of additional days on this issue.

Can I follow up at that time privately with credentials and the details you requested?

#2193737

Sure, I am setting your next reply as private. ** Make a database backup before sharing credentials. **

We can also check on one of our test sites. This way, if the issue is reproduced, on what we consider a clean install( no additional themes or plugins or user data), we can consider it a bug and directly escalate it to our 2nd Tier team.
If you would like to, please log in to my test site with the following URL versteckter Link
Please add the images, the custom fields, and the content templates or views, that are necessary to reproduce the issue.

Thank you!

#2196739

Hello again!

As I have explained in my last reply to your initial ticket, The Toolset Image block does not generate any cropped images.
https://toolset.com/forums/topic/toolset-image-block-not-responsive/#post-2196737

It turns out to be an issue caused by a specific CSS rule from the Astra theme. I suggested a custom CSS snippet to fix it, but it will affect any image within the content template, or generally within the content part of the WordPress template.

If you want to target specific Toolset Image blocks, add a custom CSS class to the Image block, and adapt the code to make scoped only to that CSS class. Check this screenshot on how to add a custom CSS class to an Image block versteckter Link
And adapt the code to introduce the "my-full-image" CSS class:

.ast-single-post .entry-content .wp-block-image .my-full-image img {
    height: auto !important;
    object-fit: fill !important;
}

I hope this helps. Let me know if you need any further assistance.