# Perspective SVG Text will not change color

**URL:** <https://forum.inductiveautomation.com/t/perspective-svg-text-will-not-change-color/81002>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 26, 2023, 2:54am UTC](https://forum.inductiveautomation.com/t/perspective-svg-text-will-not-change-color/81002 "2023-10-26T02:54:14Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![EDoepke](https://avatars.discourse-cdn.com/v4/letter/e/eb9ed0/32.png) [@EDoepke](https://forum.inductiveautomation.com/u/EDoepke)\
**Post date:** [October 26, 2023, 2:54am UTC](https://forum.inductiveautomation.com/t/perspective-svg-text-will-not-change-color/81002/1 "2023-10-26T02:54:14Z")

</div>

Created a control dial for a popup in Adobe Illustrator. Exported to SVG. Embed the image into a view and looks great. Problem is, I can not change to color of the text objects. I can change the font, size, bold but not the color. I have tried to make it a fixed change as shown in the screen shot, and tried to use a binding. Color always stays black. Does anyone have any insight on why this is happening? Any assistance greatly appreciated. The screen shot shows the settings for element 17, which is the "Start" text object.  
 ![SVG Text Issue](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/c/2c1c5e64e494f1b9dbd3271dfa017c14ce3b8fc9.jpeg)

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [October 26, 2023, 3:18am UTC](https://forum.inductiveautomation.com/t/perspective-svg-text-will-not-change-color/81002/2 "2023-10-26T03:18:35Z")

</div>

Because it is an SVG, it isn't a "font" in the traditional since, but rather a rendering of a font. So, you have to provide a fill paint in the element.

Here is a silly, never to be used in a real setting example that illustrates what is needed.

> [@Perspective - Font Scaling with SVG?](https://forum.inductiveautomation.com/t/perspective-font-scaling-with-svg/74584/3):
>
> It also opens up other interesting functionality. Or even fancier! Yep, just add the fontSize value to the style object. Since all of this is done in the designer, all of it is able to be bound. [svgtext] Here I created a second text path and I'm using the following expression binding to switch between the two. Wouldn't really recommend doing this with text, but just because it was fun and it can be done. if((toMillis(now(75)) % 75) \>= 37,'#testPath','#testPath2')

Basically, add an object to the #17 element, and name it `fill`, add a `paint` key to that object and set the paint's value to the color that you want. A binding will work as well, or other advanced things that don't really fit into the SCADA world.

Your element would have a structure like this:

```plaintext
17:
    type: text
    transform: matrix(1 0 0 1 412.8225 65.94)
    fill:
        paint: #FF8C00

```
