# What happened to adding custom props to the styles? **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [February 27, 2025, 5:49pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996 "2025-02-27T17:49:35Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 27, 2025, 5:49pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/1 "2025-02-27T17:49:35Z")
I had custom styles props, like `grid` and `z-index` on a few projects. I wanted to do some custom styling on another project but I cannot add custom props any longer to the `styles` property. What's the go-to now? And, for the `grid`, I now see a class listed, but there is no actual class in the styles folder. Edit: Oh I see that class now in the styles sheet... ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 27, 2025, 5:53pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/2 "2025-02-27T17:53:24Z")
I guess it's all in the style sheet now! ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [February 27, 2025, 9:01pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/3 "2025-02-27T21:01:58Z")
Are you talking about custom styles using a component's `props.styles` prop, or perspective styles as in what you select to go into `props.styles.classes`? You can still add whatever you want manually into `props.styles`. Adding simple properties into p styles I would still "parisitise" another benign property you're not using in the ui by ending it with ; and then adding the prop name and value pair in its place: ```python ; gap: 5px ``` just make sure to use the css name of the prop which are kebab-case For any more complex additions to a p style, I would also define a blank p style for it and then provide the content of its definition inside the stylesheet ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 27, 2025, 9:18pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/4 "2025-02-27T21:18:34Z")
`props.styles`. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/e/7eecfb1ccf9c492617e4ad6088ea0d7417524ae2.png) There used to be a blue plus icon next to the "modify style" icon. ---
**Author:** ![bmusson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmusson/32/87530_2.png) [@bmusson](https://forum.inductiveautomation.com/u/bmusson)\ **Post date:** [February 27, 2025, 9:20pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/5 "2025-02-27T21:20:01Z")
What version? This is from **8.1.45**. ![java_mGbNYWuwS5](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/9103c6cbddaff4f491a7e0775da375800a56fae1.png) ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 27, 2025, 9:20pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/6 "2025-02-27T21:20:46Z")
8.1.43 Matter of fact, I don't see that plus icon after any property, anywhere! Except for adding custom props/params... ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/7/f796f7c97c1d0de0da1c521c1207383eb3753cdb.png) Edit: version 45. Looking at the wrong number 🤦‍♂️ ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [February 27, 2025, 9:25pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/7 "2025-02-27T21:25:11Z")
Ah, that's a bug. You can get it back with some jiggling.... It's a bit of an art ---
**Author:** ![mdemaris](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mdemaris/32/54639_2.png) [@mdemaris](https://forum.inductiveautomation.com/u/mdemaris)\ **Post date:** [February 27, 2025, 9:27pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/8 "2025-02-27T21:27:13Z")
That's a technical term, right? Do you recommend smacking the computer around a little or taking the designer and shaking it with the mouse? 🙂 Finally got it back! Almost broke the computer in the process though... ---
**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\ **Post date:** [February 27, 2025, 9:49pm UTC](https://forum.inductiveautomation.com/t/what-happened-to-adding-custom-props-to-the-styles/102996/9 "2025-02-27T21:49:44Z")
It's definitely the technical term, although for the context I used it in, I'm not so sure 😂