Hi everyone,

As part of my role, I’ve been tasked with injecting wpForo widgets directly within the page (not in the sidebar or footer). Initially, I tried using the widgets’ shortcodes (e.g., online members, profile, topics, etc.), but they didn’t fully meet the requirements. Instead, I decided to embed an entire page within an iframe and dynamically manipulate the content.

While this approach works to some extent—I can hide elements and reorganize the widgets as requested—I’m running into a few issues:

1. Icons not displaying properly: Some icons are missing entirely, and attempting to replace them leads to inconsistent results.
2. Hover and interactive behaviors: When interacting with certain icons (like opening menus or triggering hover effects), the icons either break or revert to unrecognized symbols.

Given that I can’t simply embed the raw widget code (it doesn’t function well when used this way), how would you recommend handling the icons? Is there a way to ensure they display correctly while maintaining their behavior?

I’ve attached a picture to help illustrate the issues I’m facing.

Thanks in advance for your help!