Conversation
supportThe aDirectory page seems to not be processing styling information correctly from WordPress. If you look at the footer, the spacing is all messed up compared to the home page ( https://www.catholicwritersguild.org/ ). The WordPress comments form for ratings is equally messed up for logged in users. The page I need help with: [ log in to see the link]
Hi there, Thank you for reaching out and for using aDirectory 🙂 The issue you’re experiencing (layout/styling mismatch and comment form display) is often caused by a theme or plugin conflict , or sometimes custom CSS overriding default styles. To help narrow it down, could you please try the following: Temporarily deactivate other plugins (except aDirectory) Switch to a default theme (like Twenty Twenty-Four) Clear any cache (plugin/server/CDN) This will help identify if something is conflicting with aDirectory. If the issue still persists, you can also reach out to our support team via the contact page: 👉 https://adirectory.io/contact-us/ Our dedicated support team will take a closer look and help you resolve it as quickly as possible. We’re continuously improving aDirectory to ensure smooth compatibility across themes and plugins, and we appreciate your patience. Thank you! 🚀
Disabling plugins and switching templates is an unacceptable prescription the client will not permit. The problem is specifically in YOUR templating system not registering the themes styles for inclusion on the front end. I don’t have a problem with main display page for each directory but clicking on each person (single listing?) is where it things go south. For the weight of your plugin, you should have used a separate templating system that outputs widgets with their own styles. Relying on a diverse theming system was a poor design decision.
I ran the pages through Claude code and it is your plugin rendering the HTML for the footer in the wrong location breaking the CSS. Adding this code to reparent the relevant tags fixed most of it, but not all: document.addEventListener(‘DOMContentLoaded’, function() { const footer = document.getElementById(‘footer-page’); const prev = footer.previousElementSibling; if (prev && footer.children.length === 0) { while (prev.firstChild) { footer.appendChild(prev.firstChild); } prev.remove(); } });
Hi there, Thank you for reaching out and for using aDirectory 🙂 The issue you’re experiencing (layout/styling mismatch and comment form display) is often caused by a theme or plugin conflict , or sometimes custom CSS overriding default styles. To help narrow it down, could you please try the following: Temporarily deactivate other plugins (except aDirectory) Switch to a default theme (like Twenty Twenty-Four) Clear any cache (plugin/server/CDN) This will help identify if something is conflicting with aDirectory. If the issue still persists, you can also reach out to our support team via the contact page: 👉 https://adirectory.io/contact-us/ Our dedicated support team will take a closer look and help you resolve it as quickly as possible. We’re continuously improving aDirectory to ensure smooth compatibility across themes and plugins, and we appreciate your patience. Thank you! 🚀
Disabling plugins and switching templates is an unacceptable prescription the client will not permit. The problem is specifically in YOUR templating system not registering the themes styles for inclusion on the front end. I don’t have a problem with main display page for each directory but clicking on each person (single listing?) is where it things go south. For the weight of your plugin, you should have used a separate templating system that outputs widgets with their own styles. Relying on a diverse theming system was a poor design decision.
I ran the pages through Claude code and it is your plugin rendering the HTML for the footer in the wrong location breaking the CSS. Adding this code to reparent the relevant tags fixed most of it, but not all: document.addEventListener(‘DOMContentLoaded’, function() { const footer = document.getElementById(‘footer-page’); const prev = footer.previousElementSibling; if (prev && footer.children.length === 0) { while (prev.firstChild) { footer.appendChild(prev.firstChild); } prev.remove(); } });