Notifications
Clear all

Style Issue with Reducing Post Box Height in Simplified Layout

1 Posts
1 Users
0 Reactions
137 Views
Posts: 18
Topic starter
(@ronder)
Eminent Member
Joined: 1 year ago

Hello,

I am experiencing an issue with adjusting the height of post boxes (.wpforo-post-content) in the Simplified Layout of the wpForo 2022 Theme (Version 1.0.0) on my website . The goal is to reduce the height of the boxes for short posts (e.g., posts with a few words like “Gibt es einen Bonus?”), as they currently take up too much vertical space.What we have tried:We added various CSS rules in the Custom CSS field under Forums > Settings > Styles to adjust padding, min-height, height, and margin for the .wpforo-post-content and .wpf-post containers. Example:

#wpforo-wrap.wpf-simplified .wpf-thread .wpf-post .wpforo-post-content {
padding: 2px 5px !important;
min-height: 0 !important;
height: auto !important;
line-height: 1.2 !important;
margin: 0 !important;
overflow: hidden !important;
}
#wpforo-wrap.wpf-simplified .wpf-thread .wpf-post {
padding: 3px !important;
min-height: 0 !important;
margin-bottom: 3px !important;
}

We increased selector specificity (e.g., #wpforo-wrap.wpf-simplified) and used !important to ensure the rules take precedence.

All caches (Avada Theme cache, caching plugin, CDN, browser cache) have been cleared multiple times.
We inspected the page with browser developer tools but could not identify obvious inline styles or overriding rules causing the issue.

Issue: Despite these efforts, the height of the .wpforo-post-content boxes for short posts remains unchanged. It seems that inline styles, JavaScript, or other containers (e.g., .wpforo-post or Avada-specific classes like .fusion-row) may be setting the height.

Questions:Are there known minimum heights or spacings in the wpForo 2022 Theme (Simplified Layout) affecting the .wpforo-post-content boxes?

Could inline styles or JavaScript in the theme be dynamically setting the height? If so, how can we override them?

Are there specific CSS selectors or settings in the wpForo admin panel that we should adjust?

I am using Avada as the main theme, which may cause conflicts. Could you please provide a solution or specific CSS/JavaScript adjustments to reduce the height of the boxes for short posts?

Thank you for your support!