Problem with Message Box - How-to and Troubleshooting - wpForo 2.0

RE: Problem with Message Box

Rene — Tue, 03 Apr 2018 15:06:08 +0000

Hello,

Thank you for this solution 😀 👍

But I use now

#wpf-msg-box { top: 121px; }
#wpforo-load { top: 135px; }

RE: Problem with Message Box

Robert — Tue, 03 Apr 2018 14:50:42 +0000

As an alternative you can use this CSS code to move pop-up messages to bottom. Please navigate to Dashboard > Forums > Settings > Styles admin page and put this CSS code in Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 forum front:

#wpf-msg-box {
    top:auto;
     bottom: 40px;
}
.wpf-msg-box-triangle-right.top:after {
     top:auto;
     bottom: -20px;
     right: 50px;
     left: auto;
     border-width: 0 20px 20px 0;
}

It will look like this:

https://gvectors.com/wp-content/uploads/wpforo/attachments/1/1619-2017-11-180639.png

RE: Problem with Message Box

Robert — Tue, 03 Apr 2018 13:36:07 +0000

I'm sorry but I can't support the theme issues for all updates. it's better to ask the theme developers to fix the problem. If the CSS affects it please remove.

RE: Problem with Message Box

Rene — Tue, 03 Apr 2018 13:34:01 +0000

Posted by: Robert
Hi @reneh,
All the above CSS code should be inserted and cleared cache like it mentioned here. Make sure you're doing all steps after inserting the code (cache, Ctrl+F5, etc..).
This code will fix the top message bar.
.wpforo .header-top { z-index: 1; }
This one is for the search buttons:
#wpforo #wpforo-wrap .wpf-field.wpf-field-type-submit a{display: inline-block;}
And this one for the field icons
#wpforo #wpforo-wrap .wpforo-members-search .wpf-field-wrap .wpf-field-icon{display:none}

Hello,
Since a theme update the main menu is not displayed on the forum page.

the problem lies with this CSS code:

.wpforo .header-top { z-index: 1; }

RE: Problem with Message Box

Robert — Thu, 29 Mar 2018 11:43:49 +0000

But this mistake is also in this forum ...

Yes, I've already mentioned that this also exists here, on this forum

In the mobile view, the account information in the simplified layout has slipped a bit

Ok, thank you for letting me know, I'll ask our developers to fix this in next version too.

RE: Problem with Message Box

Rene — Thu, 29 Mar 2018 11:40:26 +0000

OK thanks

Posted by: Robert
That's not the wpForo style. The correct mobile view of wpForo is the left side. The icon should be aligned left too. Use this CSS code:
@media screen and (max-width:800px) {
#wpforo #wpforo-wrap .wpforo-post .wpf-left .author-rating-full {
 display: inline-block;
}
}

But this mistake is also in this forum ...

In the mobile view, the account information in the simplified layout has slipped a bit

Opera-Momentaufnahme_2018-03-29_133917_ggmc.ml_.png

RE: Problem with Message Box

Robert — Thu, 29 Mar 2018 11:32:34 +0000

This also exists here. This is a core style issue, we'll fix it in next version.

RE: Problem with Message Box

Rene — Thu, 29 Mar 2018 11:09:17 +0000

Hello,
Thanks again for the solution!

I have a problem with the mobile menu ...

Opera-Momentaufnahme_2018-03-29_123628_ggmc.ml_.png

RE: Problem with Message Box

Robert — Thu, 29 Mar 2018 11:01:43 +0000

That's not the wpForo style. The correct mobile view of wpForo is the left side. The icon should be aligned left too. Use this CSS code:

@media screen and (max-width:800px) {
#wpforo #wpforo-wrap .wpforo-post .wpf-left .author-rating-full {
 display: inline-block;
}
}

RE: Problem with Message Box

Rene — Thu, 29 Mar 2018 10:43:07 +0000

Hello,
Thanks for the solutions! :D

One more question: is it possible at
Simplified layout to put the account information in the middle? ... Look at the Attachment

Opera-Momentaufnahme_2018-03-29_115235_ggmc.ml_.png