Notification message re-positioning - How-to and Troubleshooting - wpForo 2.0

RE: Notification message re-positioning

olpo24 — Fri, 18 Jun 2021 13:16:36 +0000

@robert can we postition this also in the middel of the screen?

Kind regards,

Ole

RE: Notification message re-positioning

Robert — Thu, 07 Dec 2017 20:12:06 +0000

I'm sorry but I have no clue how this theme header cover an element with more z-index. You should ask this question to the theme developers.

As an alternative you can use this CSS code to move pop-up messages to bottom to footer.

Please navigate to Dashboard > Forums > Settings > Styles admin page and put one of these CSS codes in Custom CSS Code textarea, save it, delete all caches and do Ctrl+F5 forum front:

1. Move a little to bottom

#wpf-msg-box {
    top: 90px!important;
}

2. Move it to footer

#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;
}

https://wpforo.com/wp-content/uploads/2017/12/2017-12-08_0004.png

Notification message re-positioning

tormentium — Tue, 05 Dec 2017 19:43:18 +0000

Hi!

Ok, i will try and be as concise as possible but i am using a premium theme and when using wpforo, the notification that displays on the top right is obscured by the theme.

I have attached a pic to illustrate what i'm talking about. I have a poorly drawn red arrow showing the notification that's being obscured.

What can i do within the css to sort of...move it down a bit?

Thanks in advance.

wpforopic.PNG