Troubleshooting Common Issues with Kadence Testimonial and Info Box Blocks
Content
Users of the Gutenberg Blocks with AI by Kadence WP – Page Builder Features plugin often encounter a few specific issues with two of its most popular blocks: the Testimonial block and the Info Box block. Based on community support threads, this guide outlines the most common problems and their solutions.
Common Testimonial Block Issues
1. Images Not Lazy Loading
The Problem: The Testimonial block uses inline CSS background images, which many optimization plugins (like Litespeed Cache) cannot detect and therefore cannot lazy load. This can impact page speed scores.
The Solution: This is a known structural limitation of the block. The Kadence WP team has been made aware of this issue for consideration in future updates. As a temporary workaround, you may need to adjust your caching plugin's settings if it has an option to parse inline styles, though this is not guaranteed to work.
2. Images Not Appearing on Frontend
The Problem: Testimonial images are visible in the block editor but fail to load on the published frontend page.
Potential Solutions:
- Clear All Caches: The first step is always to clear your browser cache, any server-side caching, and your CDN cache.
- Recreate the Block: If clearing cache doesn't work, try deleting the existing testimonial block and creating a new one.
- Check for Conflicts: Temporarily deactivate other plugins to see if a conflict is causing the images to fail to render.
3. Layout Problems (Cut-off or Alignment Issues)
The Problem: Testimonials appear cut off, are not centered correctly, or have alignment issues on the frontend that are not present in the editor.
Potential Solutions:
- Browser Check: Older browsers like Internet Explorer 11 are known to have display issues. The Kadence WP team has released specific fixes for IE11 in the past, so ensuring your plugin is updated is crucial.
- Theme/Plugin Conflict: These types of display issues are often caused by a conflict with your theme or another plugin. Test by switching to a default WordPress theme (like Twenty Twenty-Four) and deactivating other plugins to identify the culprit.
- Custom CSS: For specific alignment issues, such as text not centering in RTL (Right-to-Left) languages, you may need to add custom CSS. For example, the team has previously suggested adding
body.rtl .kt-svg-icon-list-text { text-align: right; }to fix RTL alignment in the Icon List block, and a similar approach may be needed for testimonials.
Common Info Box Block Issues
1. Broken Layout with "Entire Box" Link
The Problem: When the "Link Content" setting is set to "Entire Box," the frontend layout breaks, often because the text content appears outside the link wrapper.
The Solution: This appears to be a bug that can occur under certain conditions. A reliable workaround is to change the "Link Content" setting to "Only Learn More Text" and ensure the "Show Learn More" option is turned off if you do not want the link text to be visible. This changes the underlying HTML structure and typically resolves the layout problem.
2. Invalid HTML Markup
The Problem: HTML validation tools flag that a <div> is nested inside a <span> when a link is applied to the entire box, which is invalid.
The Solution: This is a known markup issue that the Kadence WP team has been made aware of. The same workaround for the broken layout applies here: setting the link to "Only Learn More Text" will generate valid HTML instead.
3. Links Not Working or Not Crawlable
The Problem: Links within the Info Box block do not function when clicked, or SEO tools like Yoast SEO cannot crawl them.
Potential Solutions:
- Paste Content Correctly: If you pasted content into the Info Box from another source, you may have inadvertently copied unwanted HTML attributes. Try pasting the text using the keyboard shortcut Ctrl+Shift+V (Cmd+Shift+V on Mac) to paste without formatting.
- Check Link Settings: Double-check that the URL has been entered correctly in the link field within the block settings.
- SEO Crawling: The Kadence Blocks are built on standard Gutenberg components, which are typically readable by Yoast SEO. If links aren't being detected, ensure they are not placed within a reusable block, which can sometimes cause issues, and check for any other conflicts.
General Troubleshooting Tips
For any issue with Kadence blocks, always follow these basic steps first:
- Update Everything: Ensure WordPress, your theme, and all plugins (especially Kadence Blocks) are updated to their latest versions.
- Clear Cache: Clear all types of caching—browser, plugin, server, and CDN.
- Conflict Test: Temporarily switch to a default WordPress theme (Twenty Twenty-Four) and deactivate all plugins except Kadence Blocks. If the problem resolves, reactivate them one-by-one to find the conflict.
While this guide covers solutions based on community-shared experiences, persistent or unique problems may require further investigation into specific theme or plugin conflicts on your site.
Related Support Threads Support
-
Displaced background images after 2.1.14 updatehttps://wordpress.org/support/topic/displaced-background-images-after-2-1-14-update/
-
Testimonials with links in mediashttps://wordpress.org/support/topic/testimonials-with-links-in-medias/
-
Testimonials blocks – display only two reviews to edithttps://wordpress.org/support/topic/testimonials-blocks-display-only-two-reviews-to-edit/
-
Split content boxes random sizeshttps://wordpress.org/support/topic/split-content-boxes-random-sizes/
-
Info Box Block – No Link, but adding a classhttps://wordpress.org/support/topic/info-box-block-no-link-but-adding-a-class/
-
Some bugs and issueshttps://wordpress.org/support/topic/some-bugs-and-issues/
-
KB Info Box – Yoast doesn’t detect Outbound linkshttps://wordpress.org/support/topic/kb-info-box-yoast-doesnt-detect-outbound-links/
-
Icon List force LTR long lineshttps://wordpress.org/support/topic/icon-list-force-ltr-long-lines/
-
Info Box -> Link Content -> Entire Box – Brokenhttps://wordpress.org/support/topic/info-box-link-content-entire-box-broken/
-
Add class ending with “inner-container” to have paragraph marginhttps://wordpress.org/support/topic/add-class-ending-with-inner-container-to-have-paragraph-margin/
-
Replace http:// with https://https://wordpress.org/support/topic/replace-http-with-https-3/
-
Invalid html markuphttps://wordpress.org/support/topic/invalid-html-markup-2/
-
How do you insert links into the portfolio ?https://wordpress.org/support/topic/how-do-you-insert-links-into-the-portfolio/
-
Info Box Link not workinghttps://wordpress.org/support/topic/info-box-link-not-working/
-
Lazy load testimonial imageshttps://wordpress.org/support/topic/lazy-load-testimonial-images/
-
Copy paste or reset block styleshttps://wordpress.org/support/topic/copy-paste-or-reset-block-styles/
-
Testimonials block cut offhttps://wordpress.org/support/topic/testimonials-block-cut-off/
-
Testimonials block stacked on IE 11 and should not behttps://wordpress.org/support/topic/testimonials-block-stacked-on-ie-11-and-should-not-be/
-
Testimonial mediahttps://wordpress.org/support/topic/testimonial-media/
-
Text (Adv) Block loose content width after adding linkhttps://wordpress.org/support/topic/text-adv-block-loose-content-width-after-adding-link/
-
Name and description text won’t center in the testimonial blockhttps://wordpress.org/support/topic/name-and-description-text-wont-center-in-the-testimonial-block/
-
Info Box strange behaviorhttps://wordpress.org/support/topic/info-box-strange-behavior/
-
Testimonial block – no padlock, not secure pagehttps://wordpress.org/support/topic/testimonial-block-no-padlock-not-secure-page/
-
Testimonial Blockhttps://wordpress.org/support/topic/testimonial-block/