How do I change the pagination color? - Forum | JoomShaper
Solved Helix Framework

How do I change the pagination color?

Asked by Max 4 years ago Last activity 4 years ago

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

Hi there!

Thanks for your query.

Please use the following sample code in your custom CSS:

.pagination .page-item.active .page-link {
    color: #fff;
    background-color: red;
    border-color: green;
}

You can use your desired colors within the above code:)

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

3 more replies

Oldest first Newest first Most helpful
Ariba Staff
4 years ago

Hello

Thank you for your query.

Please add the following css rule in custom css section and change the color codes

.page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
}
Max Asked this
4 years ago

Thank you!

Rashida Rahman Staff
4 years ago · edited

You are always welcome:)

Log in to reply.