Pagination CSS Classes
Note: This feature is only available to Wix Studio users.
You can use the classes listed below
to style your Pagination
elements with CSS.
For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.
Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.
.pagination
Targets pagination elements. For example:
css | Copy Code.pagination {padding-left: 50px;}
.pagination__current-page
Targets pagination current page element. For example:
css | Copy Code.pagination__current-page {font-family: sans-serif;color: green;}
.pagination__page-number
Targets pagination page number element. For example:
css | Copy Code.pagination__page-number {font-family: sans-serif;color: green;}
.pagination__total-pages
Targets pagination total pages element. For example:
css | Copy Code.pagination__total-pages {font-family: sans-serif;color: black;}
.pagination__input-field
Targets pagination input fields. For example:
css | Copy Code.pagination__input-field {border: none;border-bottom: 2px solid #840292;background-color: #dfd2f4;font-family: monospace;}
Was this helpful?