Skip Navigation

[Resolved] Toolset Image block “Shadow 1” style Frame is now rendering incorrectly

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

Problem:

The Toolset image block using the "Shadow 1" frame within a View is displaying excessive padding between the image and the drop shadow. This issue arose after recent updates to WordPress and Toolset Blocks, despite no changes being made to the site’s code.

Solution:

The issue is caused by conflicting CSS. Add the following CSS code to your site to resolve the problem:

.wp-block-image .tb-image-shadow-1 a {
    display: block;
}

- Navigate to your WordPress Dashboard.
- Go to Appearance > Customize > Additional CSS.
- Paste the CSS code above into the provided box.
- Save and refresh your site to confirm the fix.

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.

This topic contains 3 replies, has 1 voice.

Last updated by gordonW-2 1 month, 4 weeks ago.

Assisted by: Christopher Amirian.

Author
Posts
#2786866
Screen Shot 2024-12-04 at 1.46.24 PM.jpg

I am using the Toolset image block inside of a View. The images use the "Shadow 1" Fram to give them the dropshadow effect. These have worked for years now, until one of the recent updates. Now, when viewing the webpage there is a bunch of padding between the bottom of the image and the dropshadow. No code was changed on the site recently ... but wordpress and toolset blocks were.

you can see this at : hidden link

attached image is of the block editor showing the view ... the image you edit (inside the orange box) is rendering correctly, the others are not.

Thx.

#2786907

Christopher Amirian
Supporter

Languages: English (English )

Hi,

Thank you for contacting Toolset support. We had an issue regarding the image sizing with WordPress 6.7 that might be related to your problem:

https://toolset.com/errata/image-block-displays-wrong-image-size-with-wordpress-6-7/

Would you please go to https://toolset.com/account/downloads/ and click the download Toolset manually link and manually download the latest version (even if the version is the same, the code is a hotfix) and install it on your installation?

See if it fixes the issue?

Thanks.

#2787128

Ok. I’ve installed the plugin manually as requested and I still see the same problem … i.e. no change

#2787240

Christopher Amirian
Supporter

Languages: English (English )

Hi,

Thank you for updating the two set plugs and sorry for my late reply.

I checked the website in more detail and I found that there is a CSS code in the cupboard press image blocks that seems to be causing the issue.

I've come up with a CSS code that you can add to your website to mitigate the issue:

.wp-block-image .tb-image-shadow-1 a {
	display: block;
}

Thanks.

#2787522

Ok. That css code seems to have done the trick. I appreciate your assistance. ツ