Make loading animation appear in the middle of the screen

[pacworks]

Hello, Is there a way I can add some custom CSS to make the loading animation appear in the middle of the view port rather than the middle of the page? For instance, I have in course quizzes with 30-40 questions on the page. When a user submits the quiz, the screen fades and the loading animation displays further up the page, so it is not visible, which confuses users and causes them to think the screen has froze. I would like the animation to stay visible in the view port at all times and on every page the animation could possibly appear on. Thanks!

[Anshuman Sahu]

Hi, Yes, you can add your css in custom css section in wplms. go to wp-admin>appearance>customize>custom css. Refer : http://prntscr.com/ih5q87  

[pacworks]

Hi Ray, I apologize for not being clear in my last post. I know where to add custom CSS. I just don't know what CSS to edit to get the loading animation to stay displayed in the middle of the view port rather than the middle of the page. Since the loading animation does not stay active very long, I am having a hard time inspecting the element to figure out what CSS to edit.

[Anshuman Sahu]

Hi, Please paste the following css in wp-admin>appearance>customize>custom css div#ajaxloader { position: fixed !important; } Refer : https://screencast-o-matic.com/watch/cFnrjno96y

[Author]

Posts