# How to change bottom footer color of Alarm Status table (perspective) through CSS file configuration, I could able to change top header colors but not the bottom one?

**URL:** <https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960>\
**Category:** Ignition\
**Created:** [January 13, 2022, 7:09am UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960 "2022-01-13T07:09:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sanath\_Hebbar\_P](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@Sanath\_Hebbar\_P](https://forum.inductiveautomation.com/u/Sanath_Hebbar_P)\
**Post date:** [January 13, 2022, 7:09am UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/1 "2022-01-13T07:09:13Z")

</div>

![Capture](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/5/d573d92ee843f902830f555ab865f78602110afe.png)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [January 13, 2022, 8:06am UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/2 "2022-01-13T08:06:06Z")

</div>

A “bottom header” is known as a “footer”. It might help to mention ~~“Vision table”~~ “Perspective alarm status table” in your question title and use the Perspective tag. Delete the “plz help” as all questions are looking for help.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 13, 2022, 1:21pm UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/3 "2022-01-13T13:21:41Z")

</div>

It isn’t a Vision table. It is a Perspective alarm status table.

---

<div class="post-metadata">

**Author:** ![Sanath\_Hebbar\_P](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@Sanath\_Hebbar\_P](https://forum.inductiveautomation.com/u/Sanath_Hebbar_P)\
**Post date:** [January 14, 2022, 2:45am UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/4 "2022-01-14T02:45:54Z")

</div>

Thanks, but I didn’t got a solution for my question

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [January 14, 2022, 1:44pm UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/5 "2022-01-14T13:44:23Z")

</div>

That footer actually comes from the pager.css file rather than the alarm-table.css file. Try changing the

```auto
.ia_pager {
    background-color: #YourNewColor;
}

```

in the common/pager.css file in whatever theme you’re using.

Be careful though, because this pager is used everywhere else as well, so the change will apply to all the table components and alarm journal components too!

---

<div class="post-metadata">

**Author:** ![Sanath\_Hebbar\_P](https://avatars.discourse-cdn.com/v4/letter/s/5fc32e/32.png) [@Sanath\_Hebbar\_P](https://forum.inductiveautomation.com/u/Sanath_Hebbar_P)\
**Post date:** [January 14, 2022, 2:04pm UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/6 "2022-01-14T14:04:51Z")

</div>

Well…!! Its working. 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:** [January 14, 2022, 3:49pm UTC](https://forum.inductiveautomation.com/t/how-to-change-bottom-footer-color-of-alarm-status-table-perspective-through-css-file-configuration-i-could-able-to-change-top-header-colors-but-not-the-bottom-one/54960/7 "2022-01-14T15:49:28Z")

</div>

I think this would be safer and a bit more targeted, leaving standard Table components unaffected.

```auto
.alarmTable > .ia_pager {
    background-color: #YourNewColor;
}

```