Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

wpForo 1.x.x [Closed] Notification message re-positioning

3 Posts
3 Users
0 Reactions
2,760 Views
Posts: 1
Topic starter
(@tormentium)
New Member
Joined: 8 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: 10616
Admin
(@robert)
Support Team
Joined: 9 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;
}

 

olpo24
Posts: 11
(@olpo24)
Eminent Member
Joined: 4 years ago

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

 

Kind regards,

Ole