如何改变Laravel附带的库存分页的颜色？

Question

I would like to change the color of the stock pagination that come with Laravel.

As default, it looks like this :

Let's say, I want to change it to green instead to match the theme of my web site. Can someone tells me where I can change that ?

Answer 1

The easiest solution would be to write some CSS rules that override the default bootstrap ones. Something like this would probably do:

.pagination > li > a,
.pagination > li > span {
    color: green; // use your own color here
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: green;
    border-color: green;
}

---

If you don't want that, you need to create a Custom Presenter that generates the pagination with the HTML code you want. You can have a look a the default Bootstrap Presenter that comes with Laravel to see how it's done, since what you'll need to implement will be very similar. The file is located here:

vendor/laravel/framework/src/Illuminate/Pagination/BootstrapPresenter.php

However DO NOT modify that file to apply your changes, because future updates can override your changes. Follow the instructions in the Laravel Docs and create your own.