# How to change table pager number color?

**URL:** <https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 11, 2024, 6:48pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149 "2024-03-11T18:48:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ben522326](https://avatars.discourse-cdn.com/v4/letter/b/b4bc9f/32.png) [@Ben522326](https://forum.inductiveautomation.com/u/Ben522326)\
**Post date:** [March 11, 2024, 6:48pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/1 "2024-03-11T18:48:55Z")

</div>

How can I change the color of the page number in the table highlighted below? I haven't been able to figure it out...

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/1/213453e0ebeca099d8c8ad0230b5170ab3792e56.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [March 11, 2024, 7:20pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/2 "2024-03-11T19:20:40Z")

</div>

We don't expose the style for such small pieces of UI through props. If you're using 8.1.22 or newer, you can modify the `stylesheet.css` resource available as an advanced feature of Perspective Styles (right-click the `Styles` directory within Perspective and then select `Enable Advanced Stylesheet`) with the following rule:

```CSS
div.ia_pager__page--active {
	background: #FF0000;
}

```

Update the value of background to be whatever color you want. If you're using a version earlier than 8.1.22, you'll need to apply this rule to your own custom theme files.

Note that this rule will be applied to all pagers (top and bottom) in all tables (Table, Alarm Status Table, Alarm Journal Table). If you need something more specific, you'll want to modify the locator in use.

---

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 25, 2025, 3:52pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/3 "2025-07-25T15:52:45Z")

</div>

Is this still the rule/code for changing the page number color? I have copy and pasted this code directly into my style sheet and updated the # with the color that I want to use, but am not seeing any change on my tables.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 25, 2025, 4:02pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/4 "2025-07-25T16:02:29Z")

</div>

Have you closed your View and re-opened it? Designer Views do not currently pick up changes to CSS files until the View is "refreshed".

---

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 25, 2025, 4:50pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/5 "2025-07-25T16:50:17Z")

</div>

Restarting the designer seemed to help it refresh. Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [July 25, 2025, 5:04pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/6 "2025-07-25T17:04:50Z")

</div>

A Designer restart shouldn't be required; it should be enough to close the specific Perspective View which has the Table, and then re-open that View. Requiring the View be re-opened is a known "bug". If you find that you need to restart the Designer, something else is going on.

---

<div class="post-metadata">

**Author:** ![annikaciul](https://avatars.discourse-cdn.com/v4/letter/a/e9bcb4/32.png) [@annikaciul](https://forum.inductiveautomation.com/u/annikaciul)\
**Post date:** [July 25, 2025, 5:08pm UTC](https://forum.inductiveautomation.com/t/how-to-change-table-pager-number-color/87149/7 "2025-07-25T17:08:53Z")

</div>

It may have been a coincidence. I fully closed the designer for other purposes planning to come back and look further later, and it was updated when I reopened.