[Joomla] Copy Backend Pagination Style to Frontend

Using Pagination in frontend have a different look compared from the backend

Frontend

Backend

If you compare the two, of course the backend pagination style is much better. So I will discuss on how to override the frontend pagination so that it will be the same with the backend.

First, look for /administrator/templates/khepri/html/pagination.php and copy the contents of pagination_list_footer($list) and pagination_list_render($list) functions.

Second, look for /templates//html/pagination.php and remove the contents of pagination_list_footer($list) and pagination_list_render($list) functions then paste those codes you copied from the first step.

Third, copy the /administrator/templates/khepri/css /general.css file to your /templates//css/. Of course you could manually copy the css scripts you only needed for the pagination but you may miss to copy some to it’s better to just copy the whole css file.

Fourth, go to /administrator/templates/khepri/images/ and copy all images that its filename starts with j_button2. Then paste them to /templates//images/

There you have it! Backend pagination style now on your frontend. enjoy learning. =D

Copyright: I don't own the images used in this post