This thread is resolved. Here is a description of the problem and solution.
Problem: I'm seeing extra space added by the Block Editor and I would like to remove it. On the front-end of the site, I see empty paragraph tags that I cannot find or delete in the editor.
Solution: Delete empty blocks or blocks that produce no content, and remove paragraph tags that are currently wrapping the post content.
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 |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 8 replies, has 2 voices.
Last updated by 3 years, 8 months ago.
Assisted by: Christian Cox.
Hello. It's stupid problem but we can't seam to resolve it. All of a sudden we have a lot of white space between then product title and the description. The source shows empty paragraphs but in the Toolset templates there are none. Any idea what could cause this? I'm not sure if the problem started after we updated Toolset...
hidden link
Password to see the site: gümligen
Thanks much for your help!
Kind Regards
Renato
Hi, it's possible there is a conflict between Toolset and another component of your site. It's also possible the empty blocks are present in the editor but not shown in an obvious way. We can try some troubleshooting to determine the problem. First, let's verify there are no empty elements hidden in the Block Editor. Use the responsive design device icons at the top of the screen to select the desktop display (as opposed to phone or tablet). Then use the Block Navigation menu at the top of the editor in wp-admin to verify there are in fact no empty blocks in the design that might be responsible for the empty whitespace in the front-end display. You can see a screenshot here showing how to find the Block Navigation menu. It shows an outline of the blocks present in your editor area, and it might reveal some hidden blocks. First, select the product title or product description in the loop of your design, then open the Block Navigation menu to see an outline of the surrounding blocks. If any empty paragraph blocks can be found surrounding these visible blocks, you can delete them.
If you can verify there are no empty blocks in your design but the problem remains, there could be a conflict with another plugin or your theme. To troubleshoot, start by deactivating all plugins except WooCommerce, Toolset Types, Toolset Blocks, and Toolset WooCommerce Blocks (also known as Toolset WooCommerce Views, these are the same plugin but the names are used interchangeably). If you need to activate a Maintenance Mode plugin during testing, that's fine. Then activate a default theme like Twenty Twenty One.
Visit the /produkte page again, do a search, and look to see if the empty paragraph tags are injected again. If not, the problem is likely a conflict with another plugin or your theme. Start by reactivating the parent theme first, then test again. Continue by reactivating the child theme, then other plugins, one-by-one, testing each time until the problem returns. This process will allow you to determine which component or components are responsible for the compatibility issue.
Please let me know what you find out from this troubleshooting process and we can go from there. It will also be helpful if you can include your site's debug information, as explained in our FAQ here: https://toolset.com/faq/provide-debug-information-faster-support/
Okay the first thing I noticed is the second Fields and Text block in the loop is set up to display terms from the Category taxonomy, but the Category taxonomy is not even applied to the Product post type. In other words, that block will always be empty, because no Category terms are applied to any Product post. I am attaching a screenshot category-taxonomy.png showing the issue in the Block Editor. Do you intend to display Product Category taxonomy terms here? If so, you should modify the contents of the Fields and Text block to display the Product Category taxonomy instead of the Category taxonomy:
<p>[wpv-post-taxonomy type="product-category" format="name"]</p>
Otherwise, you should completely delete the second Fields and Text block, since it will always be empty.
Next, I see a Fields and Text block used to display the post content includes paragraph tags around the wpv-post-body shortcode. Those are unnecessary, because the post body shortcode inserts paragraph tags automatically around the post content. The extra p tags wrapping this shortcode are intepreted by the browser as an extra blank paragraph tag. See the screenshot post-content.png. I have removed those wrapping paragraph tags for you, and the extra paragraph after the post content disappeared.
Finally, I see a blank paragraph block at the bottom of the loop. I didn't delete this one because it looks like it was used for extra spacing, but you can feel free to delete it if you want to remove some additional whitepsace. See empty-paragraph.png.
