# Can you add a text to a style configuration?

**URL:** <https://forum.inductiveautomation.com/t/can-you-add-a-text-to-a-style-configuration/58043>\
**Category:** General Discussion\
**Tags:** perspective\
**Created:** [April 5, 2022, 1:22pm UTC](https://forum.inductiveautomation.com/t/can-you-add-a-text-to-a-style-configuration/58043 "2022-04-05T13:22:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahawes](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ahawes/32/36337_2.png) [@ahawes](https://forum.inductiveautomation.com/u/ahawes)\
**Post date:** [April 5, 2022, 1:22pm UTC](https://forum.inductiveautomation.com/t/can-you-add-a-text-to-a-style-configuration/58043/1 "2022-04-05T13:22:04Z")

</div>

Question, when creating a style configuration, can you add a specific text to a color setting?

For example, I have created a set of styles to show color for our VRTStatus. I can bind these in my template but I cannot add text with it also. I had to create another label in order to show both color and text.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/0/708250e9e4986894129065be6acc52e3bdfafb01.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/7/97661ad68f8e4bf45b81eb0597da75946cf90bc2.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 5, 2022, 3:14pm UTC](https://forum.inductiveautomation.com/t/can-you-add-a-text-to-a-style-configuration/58043/2 "2022-04-05T15:14:35Z")

</div>

Not directly through a style, without trickery (@victordcq, you’re up), but with a theme you could write a CSS selector that includes a `content` value:

> **[content - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/content)**
>
> The content CSS property replaces an element with a generated value. Objects inserted using the content property are anonymous replaced elements.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [April 6, 2022, 6:55am UTC](https://forum.inductiveautomation.com/t/can-you-add-a-text-to-a-style-configuration/58043/3 "2022-04-06T06:55:06Z")

</div>

Where exactly do you want the text to come?  
Content does not work on svgs (the chart) (actualy its :after, but content doesnt work without :after/:before (expect for foreign objects which is not used in the chart))

It also wont translate so its really not recommended. css content should only be used for a few characters like units ihmo (kg,m,$...)

> [@Label Format for Moving Analog Indicator](https://forum.inductiveautomation.com/t/label-format-for-moving-analog-indicator/53371/3):
>
> No idea how you change the format, but you can create a “suffix” with css injection is the easiest for this as you gotta give the class anyway Create a styleclass named Degree and paste this into backgroundimage } .psc-Degree:after{content:'°'} { (°C) works just as well if the degrees wont go over 100 else The C gets hidden under the indicator [image]