How do I prevent WPForo styles from interfering with sidebar elements? - How-to and Troubleshooting https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/ Discussion Board en-US Sat, 14 Mar 2026 13:21:34 +0000 wpForo 60 RE: How do I prevent WPForo styles from interfering with sidebar elements? https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107564 Tue, 09 Jan 2024 03:01:29 +0000 How-to and Troubleshooting vanessa https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107564 RE: How do I prevent WPForo styles from interfering with sidebar elements? https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107558 Mon, 08 Jan 2024 18:55:52 +0000 @vanessa 

try

#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-8efddb1 {
  display: flex;
  background-transition: 0.3s;
  overlay-opacity: 0.5;
  padding-block-start: 20px;
  padding-block-end: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}
#wpforo #wpforo-wrap .elementor-element .elementor-widget-container {
  border-radius: 3px;
}
#wpforo #wpforo-wrap .elementor-element .elementor-widget-container h2 {
 font-weight: 300;
 line-height: 36px;
 font-family: open sans;
 font-size: 26px;
 margin-bottom: 15px;
}
#wpforo #wpforo-wrap .elementor-element .elementor-widget-container h3 {
 font-weight: 300;
 line-height: 28px;
 font-family: open sans;
 font-size: 22px;
 margin-bottom:10px;
}
#wpforo #wpforo-wrap .elementor-button-content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
#wpforo #wpforo-wrap .elementor-button-text {
  font-size: 16px;
}
#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-e5c9a41 .elementor-button {
  fill:#FFFFFF;
  color:#FFFFFF;
  background-color:#1E6595;
  padding:20px 20px 20px 20px;
}
#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-e5c9a41 .elementor-button:hover,
#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-e5c9a41 .elementor-button:focus {
  background-color:#2C98E0;
}
#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-e5c9a41 .elementor-button svg {
  fill: #FFFFFF;
  color: #FFFFFF;
}
#wpforo #wpforo-wrap .elementor-button-icon .e-font-icon-svg {
  height: 1.2em;
  width: 1.2em;
}
#wpforo #wpforo-wrap .elementor-143034 .elementor-element.elementor-element-e5c9a41 .elementor-button .elementor-align-icon-left {
  margin-right: 14px;
}
]]> How-to and Troubleshooting Tutrix https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107558 RE: How do I prevent WPForo styles from interfering with sidebar elements? https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107557 Mon, 08 Jan 2024 17:58:24 +0000 @robert 

Thanks, here's an example of the page where it's not showing correctly: https://transgenderheaven.com/community/ 

Scroll to the bottom and see the last item in teh sidebar.

Here's an example of what it should look like: https://transgenderheaven.com/the-magic-of-memories/ 

At the top (attached for reference as well).

]]> How-to and Troubleshooting vanessa https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107557 RE: How do I prevent WPForo styles from interfering with sidebar elements? https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107532 Mon, 08 Jan 2024 08:26:03 +0000 Hi @vanessa,

It because you use the wpForo Sidebar. We could help to remove the CSS conflict if you leave  the forum URL where we can see the widget.

]]> How-to and Troubleshooting Robert https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107532 How do I prevent WPForo styles from interfering with sidebar elements? https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107521 Sun, 07 Jan 2024 21:23:52 +0000 I'm noticing that WPForo is interfering with the styling of some elements in the sidebar (Specifically an Elementor button - attached an example).

The button looks correct on all other pages on the website, just not on WPForo. 

How can I prevent wpforo styles being applied to the sidebar?

]]> How-to and Troubleshooting vanessa https://wpforo.com/community/how-to-and-troubleshooting-2/how-do-i-prevent-wpforo-styles-from-interfering-with-sidebar-elements/#post-107521