Loading indicator i...
 
Notifications
Clear all

Loading indicator in bad place

7 Posts
2 Users
0 Likes
929 Views
 Benj
(@benj)
Member Customer
Joined: 4 years ago
Posts: 43
Topic starter  

Hello,

this concerns wpforo but also it's addon like the advanced comment addon: when I post a topic or an attachement, the loading indicator displays in top corner of screen. It's easy to miss out, so user might think nothing is happening after he sent his content.

Could I suggest to have this more in front of the center of screen?


   
Quote
 Benj
(@benj)
Member Customer
Joined: 4 years ago
Posts: 43
Topic starter  

Look on image, how the notification is in top right corner of screen. Imagine this on ultra wide screen

Capture d’écran 2020 03 31 à 22.58.46

 


   
ReplyQuote
Elvina
(@elvina)
Support
Joined: 5 years ago
Posts: 1403
 

@benj,

Please follow the Astghik's answer in this support topic: https://gvectors.com/forum/wpdiscuz-comment-plugin-support/loading-indicator-z-index/#post-17780

 


   
ReplyQuote
 Benj
(@benj)
Member Customer
Joined: 4 years ago
Posts: 43
Topic starter  

Thanks, this works well for Wpdiscuz, but not for wpforo.

Anyway to bring all loading indicators and confirmation dialogs in middle of screen instead of far up right corner, for wpforo?


   
ReplyQuote
Elvina
(@elvina)
Support
Joined: 5 years ago
Posts: 1403
 

@benj,

Sorry for the misunderstanding.

Please use the following one: 

div#wpforo-load {
top: 50% !important;
left: 30% !important;
}

The CSS code should be added in the Dashboard > Forums > Settings > Styles admin page "Custom CSS code" textarea.

 


   
ReplyQuote
 Benj
(@benj)
Member Customer
Joined: 4 years ago
Posts: 43
Topic starter  

Thanks, it's much better.
Do you have also something so I can have the confirmation in the middle of the screen? 
I'm talking about the red and green dialogs that confirm or warn of a problem.


   
ReplyQuote
Elvina
(@elvina)
Support
Joined: 5 years ago
Posts: 1403
 

@benj,

Do you have also something so I can have the confirmation in the middle of the screen? 
I'm talking about the red and green dialogs that confirm or warn of a problem.

Please use the following CSS code:

#wpf-msg-box{
top: 50% !important;
left: 30% !important;
}

In any case please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

 


   
ReplyQuote
Share:
Scroll to top