AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

wpForo Forums Widget looks different in Elementor editor vs frontend

4 Posts
2 Users
0 Reactions
291 Views
Posts: 3
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@d0rk62)
Active Member
Joined: 3 months ago
[#72577]

I’m using the wpForo “Forums” widget inside Elementor (WordPress widget).

In Elementor edit mode, the forum list displays correctly (icons, spacing, parent/child hierarchy).
On the frontend, the same widget renders flatter — Font Awesome icons disappear and indentation/spacing changes, even though the HTML output is identical.

 Screenshot 2026 01 17 125351

3 Replies
Robert
Posts: 10732
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 2 months ago

Hi @d0rk62 ,

The Elementor edit mode doesn't load wpForo CSS code. Also, wpForo widgets are displayed correctly if they are loaded in wpForo Sidebar, in other places you'll see different layout and stile. So we only support wpForo widget layout and style issues if they have been loaded in wpForo Sidebar in through Appliance > Widget admin page. Other ways of inserting wpForo widgets will have unexpected results in therms of view, because the CSS class and ID tree will be crashed even if the widget HTML is the same.

Please use wpForo sidebar for wpForo widgets if you want to get the best results. In other cases you should do custom CSS to make it look as you want.

The doc: https://wpforo.com/docs/wpforo-v2/getting-started/forum-sidebar-and-widgets/wpforo-sidebar/


Reply
Posts: 3
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@d0rk62)
Active Member
Joined: 3 months ago

Key points from Robert (wpForo admin):

  1. Elementor edit mode does NOT load wpForo CSS - But I see the images in edit mode they dont display when im out of edit mode.

  2. wpForo widgets are only officially supported inside the wpForo Sidebar.. ok thx

  3. When widgets are placed elsewhere (Elementor, page builders, theme areas):

    • CSS class/ID structure does not match

    • Layout and icons may break

    • Behavior is considered unsupported

  4. If you don’t use the wpForo Sidebar:

 Screenshot 2026 01 18 100600

Reply
Posts: 3
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@d0rk62)
Active Member
Joined: 3 months ago

got it
https://mspservices.us/

  • Go to WordPress Admin → Plugins → Add New

  • Search for “Code Snippets”

  • Install & Activate it

  • Go to Snippets → Add New

  • Name it something like:

    Force Font Awesome 5 for wpForo & Elementor

  • Paste this code:

    add_action('wp_enqueue_scripts', function () {
    
        // Force Font Awesome 5 (required by wpForo & Elementor frontend)
        wp_enqueue_style(
            'fontawesome-5',
            'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css',
            [],
            '5.15.4'
        );
    
    }, 5);
    

Reply
Share: