A PDO & MySQLi PHP Pagination Class - PDO MySQLi Pagination class is a PHP pagination class that will work with either PDO, or MySQLi. The outputted pagination is served as a UL or as an array, and the options are extensive.
First off, I would like to say the class is amazing and very easy to use. I do, however, have a small question/concern. No matter what I do, I cannot get the current page to highlight. For the most part I just use 'class_ul' and because I have everything nested to a class most settings are inherited, but even if I directly use the 'class_current_page' I cannot get it to work. Here is my CSS for the class:
ul.pagination-list {
margin-bottom: 40px;
}
ul.pagination-list li {
display: inline-block;
}
ul.pagination-list li a {
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f3f3f3;
padding: 5px 10px;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #000;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
ul.pagination-list li a.current-link,
ul.pagination-list li a:hover {
background: #0076f9;
color: #fff;[/code]
I am sure the issue is based on my css formation. I would greatly appreciate the help. There is a lot of code in the class to pluck through to find exactly how and where the current page is determined.
First off, I would like to say the class is amazing and very easy to use. I do, however, have a small question/concern. No matter what I do, I cannot get the current page to highlight. For the most part I just use 'class_ul' and because I have everything nested to a class most settings are inherited, but even if I directly use the 'class_current_page' I cannot get it to work. Here is my CSS for the class:
ul.pagination-list { margin-bottom: 40px; }
ul.pagination-list li { display: inline-block; }
ul.pagination-list li a { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f3f3f3; padding: 5px 10px; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
ul.pagination-list li a.current-link, ul.pagination-list li a:hover { background: #0076f9; color: #fff;[/code]
I am sure the issue is based on my css formation. I would greatly appreciate the help. There is a lot of code in the class to pluck through to find exactly how and where the current page is determined.