Gauge CSS edits

Ignition
1

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:

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

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

Thanks for any help!

2

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

1 Like
3

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…

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

Do a screengrab and paste it into the forum post.

5

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.