Topic: Pager does not display properly with theme

Flub premium asked 2 years ago

Sorry, it's me again :)

I guess I have a similar issue to the former reported bug:

This time, it comes with the pager, with demo sample taken from docs:

<nav aria-label="Page navigation example">
  <ul class="pagination pagination-circle">
    <li class="page-item">
      <a class="page-link">Previous</a>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item active" aria-current="page">
      <a class="page-link" href="#">2 <span class="visually-hidden">(current)</span></a>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#">Next</a>

As soon I load a theme, page-items disappear & only the active one is visible.


Arkadiusz Idzikowski staff answered 2 years ago

@Flub Thank you for reporting this problem, we will check it while fixing the accordion problem.

Here is a workaround for now:

.pagination .page-item .page-link,
.pagination .page-link:hover {
  color: #212529;

.pagination .page-link {
  color: #fff;

Edit: This problem was fixed in v2.3.0

Flub premium commented 2 years ago

Indeed this solves the issue until futur patch.

Many, many thanks!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 1.6.1
  • Device: Laptop
  • Browser: FF, Chrome, Edge
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes