> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: $w

## Namespace: pagination

## Article: CSS Classes

## Article Link: https://dev.wix.com/docs/velo/velo-only-apis/$w/pagination/css-classes.md

## Article Content:

# 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](https://dev.wix.com/docs/velo/api-reference/$w/styling-elements-with-css.md) and the
[MDN CSS reference docs](https://developer.mozilla.org/en-US/docs/Learn/CSS).

<blockquote class="important">

__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.

</blockquote>

<!-- Commented out classes that are only currently supported in classic editor for partners -->

## `.pagination`

Targets pagination elements.
For example:

```css
.pagination {
  padding-left: 50px;
}
```

<!-- ## `.pagination__current-page`

Targets pagination [current page]($w/pagination/currentPage) element.
For example:

```css
.pagination__current-page {
  font-family: sans-serif;
  color: green;
}
```

## `.pagination__page-number`

Targets pagination page number element.
For example:

```css
.pagination__page-number {
  font-family: sans-serif;
  color: green;
}
```

## `.pagination__total-pages`

Targets pagination [total pages]($w/pagination/totalPages) element.
For example:

```css
.pagination__total-pages {
  font-family: sans-serif;
  color: black;
}
``` -->

## `.pagination__navigation-button`

Targets pagination navigation buttons.
For example:

```css
.pagination__navigation-button {
  width: 200px;
  cursor: default;
  background-color: #116dff;
}
```


<!-- ## `.pagination__input-field`

Targets pagination input fields.
For example:

```css
.pagination__input-field {
  border: none;
  border-bottom: 2px solid #840292;
  background-color: #dfd2f4;
  font-family: monospace;
}
``` -->