AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

Filter by custom fields

Topic prefix

AI Assistant
Notifications
Clear all

[Closed] Notification message re-positioning

3 Posts
3 Users
0 Reactions
4,790 Views
Posts: 1
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@tormentium)
New Member
Joined: 8 years ago
[#5316]

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

2 Replies
Robert
Posts: 10723
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@robert)
Support Team
Joined: 2 months 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@olpo24)
Eminent Member
Joined: 5 years ago

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

 

Kind regards,

Ole


Share: