Notifications
Clear all

wpForo 1.x.x Notification message re-positioning

3 Posts
3 Users
0 Likes
1,907 Views
tormentium
Posts: 1
Topic starter
(@tormentium)
New Member
Joined: 5 years ago

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.

2 Replies
Robert
Posts: 9966
Admin
(@robert)
Support Team
Joined: 7 years ago

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

 

Reply
olpo24
Posts: 10
(@olpo24)
Active Member
Joined: 2 years ago

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

 

Kind regards,

Ole

Reply