@sofy i know, this was just a soultion to the problem 😉 I updated the output a bit, here is the new version in english. Styling can be done at the beginning of the code via CSS. Make sure you change the 2 URLs to your forum ones:1. 2. <div id="rss-container-wrapper" style="display: none;"> <style> /* General styling for the container design */ #rss-container { display: none; margin-top: 20px; padding: 15px; background: rgba(255, 255, 255, 0.9); border-radius: 10px; color: #333; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border: 1px solid #ddd; } /* Button styling */ #load-button, .create-topic-button { display: block; margin: 15px auto; padding: 12px 25px; font-size: 18px; cursor: pointer; background: linear-gradient(135deg, #4CAF50, #81C784); color: white; border: none; border-radius: 25px; transition: 0.3s; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1); text-align: center; text-decoration: none; font-weight: bold; } #load-button:hover, .create-topic-button:hover { background: linear-gradient(135deg, #43A047, #66BB6A); transform: scale(1.05); } /* Styling for posts */ #rss-feed { list-style: none; padding: 0; } #rss-feed li { background: rgba(0, 0, 0, 0.05); padding: 15px; margin-bottom: 12px; border-radius: 8px; transition: 0.3s; border-left: 5px solid #4CAF50; } #rss-feed li:hover { background: rgba(0, 0, 0, 0.1); transform: scale(1.02); } #rss-feed li a { font-size: 18px; font-weight: bold; color: #388E3C; text-decoration: none; transition: 0.3s; } #rss-feed li a:hover { color: #2E7D32; } /* Post description */ .excerpt { font-size: 14px; color: #555; margin-top: 5px; } /* Additional info like author & time */ .meta { font-size: 12px; color: #777; margin-top: 5px; } </style> <button id="load-button">🌿 Show the 10 latest posts</button> <div class="container" id="rss-container"> <a href="https://YOURURL.TLD/community/add-topic/" class="create-topic-button">➕ Create a new topic</a> <ul id="rss-feed"></ul> </div> <script> document.addEventListener("DOMContentLoaded", function () { const isLoggedIn = document.body.classList.contains("logged-in"); if (isLoggedIn) { document.getElementById("rss-container-wrapper").style.display = "block"; document.getElementById("load-button").addEventListener("click", function () { const rssContainer = document.getElementById("rss-container"); if (rssContainer.style.display === "none" || rssContainer.style.display === "") { this.textContent = "🌿 Hide posts"; rssContainer.style.display = "block"; fetchRSS(); } else { this.textContent = "🌿 Show the 10 latest posts"; rssContainer.style.display = "none"; } }); } }); async function fetchRSS() { const url = 'https://YOURURL.TLD/?type=rss2&forum=g&topic=g'; try { const response = await fetch(url); const text = await response.text(); const parser = new DOMParser(); const xml = parser.parseFromString(text, "text/xml"); const items = xml.querySelectorAll("item"); let html = ""; items.forEach((item, index) => { if (index < 10) { const title = item.querySelector("title").textContent; const link = item.querySelector("link").textContent; const date = new Date(item.querySelector("pubDate").textContent); const description = item.querySelector("description")?.textContent || "No preview available."; const author = item.querySelector("creator") ? item.querySelector("creator").textContent : "Unknown"; const now = Date.now(); const diffInSeconds = Math.floor((now - date) / 1000); let timeAgo = ""; if (diffInSeconds < 60) { timeAgo = `${diffInSeconds} sec.`; } else if (diffInSeconds < 3600) { const diffInMinutes = Math.floor(diffInSeconds / 60); timeAgo = `${diffInMinutes} min.`; } else if (diffInSeconds < 86400) { const diffInHours = Math.floor(diffInSeconds / 3600); timeAgo = `${diffInHours} hrs.`; } else { const diffInDays = Math.floor(diffInSeconds / 86400); timeAgo = `${diffInDays} d.`; } html += ` <li> <a href="${link}">${title}</a> <div class="meta">👤 By: <b>${author}</b> posted ${timeAgo} ago</div> <p class="excerpt">${description}</p> </li>`; } }); document.getElementById("rss-feed").innerHTML = html; } catch (error) { console.error("Error loading the RSS feed", error); document.getElementById("rss-feed").innerHTML = "❌ Error loading data."; } } </script> </div> Screenshots:

@camilla, For some reason this option was set low priority in the out to-do list. We have more than a hundred things to do with this plugin. I'll move it up in top 10 for upcoming versions.

When adding a new topic, a user may be confused (I was) by two buttons: "add topic" on top and "submit". Actually with low resolution screens only the "add topic" button may be visible without scrolling, and a user may press this button resulting in unsuccessful topic submission and loss of input. I propose to review the interface and leave only one button, i. e. "add topic", also to move it down. Please see attached.

in database i find a bug: UPDATE `wp_d327669054_wpforo_posts` SET `body` = '<p> </p><div class="content-element" style="margin: 0px 0px 10px;padding: 0px;border: 1px solid #2d89cc;background-color: #ffffff"><div class="post" id="postid-3" style="margin: 0px;padding: 0px;border: none"><div class="post-content" style="margin: 0px;padding: 0px;width: auto"><div class="post-message" style="margin: 0px;padding: 15px;width: auto;vertical-align: top"><p style="margin: 0px 0px 20px;padding: 0px"><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;font-family: tahoma, arial, helvetica, sans-serif;line-height: 20.48px">La Low Level Laser Therapy (</span><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;line-height: 20.48px;font-family: tahoma, arial, helvetica, sans-serif">µ-</span><span style="margin: 0px;padding: 0px;color: #555555;border: 0px;font-size: small;vertical-align: baseline;font-family: tahoma, ari[...] i replace 1138 with auto

If editting a code block part way down a page, the cursor annoyingly jumps back to editting at the top of the page. The fix is to simply comment out the following line: tinymce-pre.js // nando4>> prevent cursor location jumping to top of post after finishing pre editting // ed.selection.setCursorLocation();

When viewing profile or forums or threads i got this error i dont know why at the top before anything Warning: Attempt to read property "comment_count" on null in /home/nyaishoz/community/wp-includes/general-template.php on line 3192Warning: Attempt to read property "ID" on null in /home/nyaishoz/community/wp-includes/post-template.php on line 674 Warning: Attempt to read property "post_type" on null in /home/nyaishoz/community/wp-includes/post-template.php on line 675 Warning: Attempt to read property "post_parent" on null in /home/nyaishoz/community/wp-includes/post-template.php on line 728class="-template-default page page-id- page-parent logged-in admin-bar no-customize-support wpf-green wpft-topic wpf-auth wpfu-group-1 wpf-theme-2022 wpf-is_standalone-1 wpf-boardid-0 is_wpforo_page-1 is_wpforo_url-1 is_wpforo_shortcode_page-0 wpforo">

I had this problem previously and somehow resolved it on my own but that fix has disappeared when I installed Ultimate Member. I want to remove the black login bar at the top of my page. I previously used css .top-bar-holder { display: none !important } but that doesn't work this time. < span style="color: #666;"> Attachment : login.png

Im looking through the settings and trying to find out if there is a way to turn off most recently commented on thread on top? I would like the forum to be sorted by news post only and not have an old post with a new comment throw itself back to the top of the entire site. Thanks!

I'm trying to figure out why my menu bar at the top is displaying incorrectly. I am using the twenty twenty one theme and starting from scratch. As you can see from the attached screenshot, whenever there are sub-menus, the entire menu bar thickens and pushes the top menu item above everything else. How can I correct this? < span style="color: #666;"> Attachment : menu.png

@chris I have that at the top of my side bar, but is there a way to embed that at the top of the forum page? Above the forum?