Display Reading Progress Bar at the Bottom
By User on Thursday, 27 February 2020
Posted in General Issues
Replies 3
Likes 0
Views 501
Votes 0
Hello. Do you have any solution to Display Reading Progress Bar at the Bottom (not Top as default)?

I can see top: 0 in CSS, but also there is style="top:0px" that should be overwritten in template? Or it's not necessary?Thanks.
Yes, you need to modify that file change from top to bottom.

After that, apply this following css into your site backend > Easyblog > theme > custom css



body #eb .eb-reading-progress {

	bottom: 0;

	top: unset;

}
Arlex Wong
·
Thursday, 27 February 2020 11:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes, you need to modify that file change from top to bottom.
Hi. Can you please give me a hint, how to find this file (what file to edit)? Thanks.
User
·
Friday, 28 February 2020 02:44
·
0 Likes
·
0 Votes
·
0 Comments
·
I am sorry that I forgot to include the file location from my previous reply.

JoomlaFolder/components/com_easyblog/themes/helix/blogs/entry/default.posts.php

Look at this LINE 23


<progress value="0" max="100" class="eb-reading-progress" data-blog-reading-progress style="<?php echo 'top:' . $this->config->get('main_reading_progress_offset') . 'px'; ?>">


Replace with :



<progress value="0" max="100" class="eb-reading-progress" data-blog-reading-progress style="<?php echo 'bottom:' . $this->config->get('main_reading_progress_offset') . 'px'; ?>">
Arlex Wong
·
Friday, 28 February 2020 12:14
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post