# Gauge CSS edits

**URL:** <https://forum.inductiveautomation.com/t/gauge-css-edits/110406>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 5, 2025, 12:34pm UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406 "2025-09-05T12:34:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Thomas\_Spachinger](https://avatars.discourse-cdn.com/v4/letter/t/d6d6ee/32.png) [@Thomas\_Spachinger](https://forum.inductiveautomation.com/u/Thomas_Spachinger)\
**Post date:** [September 5, 2025, 12:34pm UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406/1 "2025-09-05T12:34:44Z")

</div>

Hi,

At the moment i am trying to customize a gauges appearence. Basicly i want the dot in the middle of the gauge to disappear and also the small lines between the ranges to be invisible. Just cant figure out the correct css for it. Anyone an idea?

Current i am trying with:

```python
.psc-customGauge .gauge-internal-plot {
  stroke-width: 0 !important;
}

.psc-.psc-customGauge .gauge-internal-plot.needle-dot {
  display: none !important;
}

```

Thanks for any help!

---

<div class="post-metadata">

**Author:** ![Cose\_Peter1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cose_peter1/32/79174_2.png) [@Cose\_Peter1](https://forum.inductiveautomation.com/u/Cose_Peter1)\
**Post date:** [September 7, 2025, 6:30am UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406/2 "2025-09-07T06:30:52Z")

</div>

Is it possible to show how your gauge looks like now and how you want it to appear?

---

<div class="post-metadata">

**Author:** ![Thomas\_Spachinger](https://avatars.discourse-cdn.com/v4/letter/t/d6d6ee/32.png) [@Thomas\_Spachinger](https://forum.inductiveautomation.com/u/Thomas_Spachinger)\
**Post date:** [September 10, 2025, 11:23am UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406/3 "2025-09-10T11:23:11Z")

</div>

Hello,

so the default dot in the middle i was able to remove. Now only the section splitting lines also need to disapear. Sadly only get error messages when trying to upload an image…

```scss
.psc-myGauge svg circle {
    r:0 !important;
    stroke-opacity: 0 !important;
    stroke-width: 0 !important;
}

```

---

<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:** [September 10, 2025, 11:24am UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406/4 "2025-09-10T11:24:55Z")

</div>

> [@Thomas\_Spachinger](#):
>
> Sadly only get error messages when trying to upload an image…

Do a screengrab and paste it into the forum post.

---

<div class="post-metadata">

**Author:** ![Thomas\_Spachinger](https://avatars.discourse-cdn.com/v4/letter/t/d6d6ee/32.png) [@Thomas\_Spachinger](https://forum.inductiveautomation.com/u/Thomas_Spachinger)\
**Post date:** [September 15, 2025, 1:53pm UTC](https://forum.inductiveautomation.com/t/gauge-css-edits/110406/5 "2025-09-15T13:53:43Z")

</div>

Sadly same result. Maybe it has something to with settings throu our IT. But i figured out that

`.psc-myGauge2 svg path { `  
`stroke-opacity: 0 !important; `  
`stroke-width: 0 !important; `

`}`

works.