# About Custom CSS Styles

**URL:** <https://forum.inductiveautomation.com/t/about-custom-css-styles/58141>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 7, 2022, 4:26am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141 "2022-04-07T04:26:31Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Baskar\_Arumugam](https://avatars.discourse-cdn.com/v4/letter/b/94ad74/32.png) [@Baskar\_Arumugam](https://forum.inductiveautomation.com/u/Baskar_Arumugam)\
**Post date:** [April 7, 2022, 4:26am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/1 "2022-04-07T04:26:31Z")

</div>

Dear All,  
I have added some custom CSS styles into one of my perspective project one month before. It works good and its running. But yesterday I was noted my perspective session, that styles or not working. then I created a new component and new CSS style for testing the custom CSS style, that is also not working. I really don’t know what’s the issue.  
Please somebody help me to come out from this problem.  
Thanks in Advance.

---

<div class="post-metadata">

**Author:** ![josborn](https://avatars.discourse-cdn.com/v4/letter/j/4bbf92/32.png) [@josborn](https://forum.inductiveautomation.com/u/josborn)\
**Post date:** [April 7, 2022, 4:41am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/2 "2022-04-07T04:41:14Z")

</div>

More information is needed, such as was there any changes made to the gateway like a version upgrade? Also it might be helpful to show your error and css code. There are plenty of CSS experts here (not me) but without seeing some code or an error there isn’t much to go on.

---

<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:** [April 7, 2022, 6:41am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/3 "2022-04-07T06:41:56Z")

</div>

> [@Baskar\_Arumugam](#):
>
> I have added some custom CSS styles into one of my perspective project ...

Did you just create styles in the project or did you modify the themes on the gateway? The default themes get overwritten on upgrade.

---

<div class="post-metadata">

**Author:** ![Baskar\_Arumugam](https://avatars.discourse-cdn.com/v4/letter/b/94ad74/32.png) [@Baskar\_Arumugam](https://forum.inductiveautomation.com/u/Baskar_Arumugam)\
**Post date:** [April 7, 2022, 7:11am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/4 "2022-04-07T07:11:12Z")

</div>

No. I didn’t change anything. I just launched the perspective session. I have noticed that styles are not performing.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/91ab81296853d48aec736cf5e6faaac7262f7ca2.jpeg)  
this is a style which is worked before in the same project.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/a/ea48c419cc5f92539402c7434b4c7bb2626b9df1.jpeg)  
but now its not working. Even I didn’t change anything.

---

<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 7, 2022, 7:47am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/5 "2022-04-07T07:47:00Z")

</div>

where do you import this style?

---

<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:** [April 7, 2022, 8:08am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/6 "2022-04-07T08:08:59Z")

</div>

Your Windows Explorer is highlighting _light_. (Presumably this is _light.css_ but you have Hide Extensions turned on.) Your Notepad file is called _Test_. How is this supposed to be included in your project?

---

<div class="post-metadata">

**Author:** ![Baskar\_Arumugam](https://avatars.discourse-cdn.com/v4/letter/b/94ad74/32.png) [@Baskar\_Arumugam](https://forum.inductiveautomation.com/u/Baskar_Arumugam)\
**Post date:** [April 7, 2022, 8:10am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/7 "2022-04-07T08:10:30Z")

</div>

importing this style inside the light.css file.

---

<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 7, 2022, 8:14am UTC](https://forum.inductiveautomation.com/t/about-custom-css-styles/58141/8 "2022-04-07T08:14:15Z")

</div>

show us this test.css inside the folder,  
the light.css file  
your default theme property and where you use one of those styles
