Notifications
Clear all

wpForo 1.x.x [Solved] Formatting problem

9 Posts
3 Users
2 Likes
1,024 Views
Posts: 241
Topic starter
(@berndg)
Reputable Member
Joined: 5 years ago

Hi,

 

the bars on our page suddenly are showing more than double so high as normal. Too, the toolbox for answers is much higher, and, when going to mobile size of the screen, is suddenly single-column. The only thing I knowingly did was changing the colours of the bar ...

Do you have any idea?

Thanks, Bernd

8 Replies
Alvina
Posts: 1869
Moderator
(@alvina)
Member
Joined: 4 years ago

Hi @berndg,

Please leave the example URL to allow us to check it.

Posts: 241
Topic starter
(@berndg)
Reputable Member
Joined: 5 years ago

https://www.alkohol-ade.com/community . But it's weird, at the moment it's showing correctly. Did not do anything since my request ... 

Thanks for caring!

1 Reply
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4235

@berndg,

Please register some new testing user and send the user's login details to info[at]gvectors.com email address to allow us to debug the CSS conflict. 

Sofy
Posts: 4235
 Sofy
Admin
(@sofy)
Support Team
Joined: 6 years ago

@berndg

Try the following CSS code, it should solve the issue: 

.mce-container-body .mce-container div{
display: flex;
flex-wrap: wrap;
}
.mce-container-body .mce-container div > button{
width: 22px;
max-width: 30px;
min-width: 20px;
}
#wpforo #wpforo-wrap div{
padding: 0;
}
#wpforo #wpforo-wrap .wpf-post-create .mce-toolbar .mce-btn button i {
font-size: 18px;
}
.mce-container-body .mce-container {
width: 100%;
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file.    

Posts: 241
Topic starter
(@berndg)
Reputable Member
Joined: 5 years ago

Hi Sofy,

 

Thanks for caring! Works perfectly in Chrome and Safari, nearly perfectly in Firefox, where the upper bar is still too high, the others are correct now. But when I look at the market penetration of Firefox it is not that important ...

 

Thanks, Bernd

2 Replies
Sofy
 Sofy
Admin
(@sofy)
Joined: 6 years ago

Support Team
Posts: 4235

@berndg,

try this CSS code:

#wpforo #wpforo-wrap div {
padding: 0;
}
(@berndg)
Joined: 5 years ago

Reputable Member
Posts: 241

@sofyThanks a lot for the quick support - it helps! 😍 

 

Yours, Bernd

Page 1 / 2