wpDiscuz - WordPress Comment Plugin
Share:
Notifications
Clear all

How To Move Animated Gif and to middle of screen when comments are loading?


Ronnie Tanner
Posts: 20
Topic starter
(@ronnie-tanner)
Eminent Member
Joined: 8 months ago

Is there an option to move the animated gif / progress indicator image from the top right to the middle of the screen, and change it to say something like "Comments are loading...."?

 

The reason is user's sometimes can't see the small image in the top right and think something is wrong. If they wait a few more seconds the cursor advances to the bookmarked comment, but it'd be nice to let them know immediately.

Topic Tags
4 Replies
Asti
Posts: 4859
 Asti
Support
(@asti)
Support member
Joined: 5 years ago

@ronnie-tanner,

You can use the following CSS code:

#wpdiscuz-loading-bar {
    width: 293px !important;
   top: 50% !important;
   right: 50%;
}
#wpdiscuz-loading-bar:before{
   content: "Comments are loading....";
   width: 293px !important;
   padding: 30px;
   display:inline-block;
   align-content: center;
}
div#wpdiscuz-loading-bar {
  background-repeat: no-repeat;
  background-position: 50%;
}

Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Reply
3 Replies
Ronnie Tanner
(@ronnie-tanner)
Joined: 8 months ago

Eminent Member
Posts: 20

@asti thank you. I've added the code and purged all caches but now I don't see the one in the top right nor the new one.

Reply
Ronnie Tanner
(@ronnie-tanner)
Joined: 8 months ago

Eminent Member
Posts: 20

I can see it for a brief moment on this link:

 

https://www.thepathoftruth.com/teachings/wrath-of-god.htm#comment-60093

 

Perhaps there is something on our website end that also causes the delay for the scroll to bookmark to begin?

Reply
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Support member
Posts: 4859

@ronnie-tanner,

It works fine, please watch this video: https://www.screencast.com/t/YDtLHXW5

Reply
Share: