# Perspective Style - Manually adding other css properties in the designer style "sheets"

**URL:** <https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 30, 2022, 3:31am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379 "2022-06-30T03:31:55Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![benp](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benp/32/34073_2.png) [@benp](https://forum.inductiveautomation.com/u/benp)\
**Post date:** [June 30, 2022, 3:31am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/1 "2022-06-30T03:31:55Z")

</div>

Hi,

I would like to know how we can add other css properties in the designer style “sheets” as they are not all listed.

For instance, for my horizontal menu component, to change the size of a menu sub-item, I’m having to add the “height” property to the item style (Unless we do it in a different way?).  
I can’t find how I can add the height property when I create a style, I can only add it manually on the component itself which isn’t great as I’d like to have all my styles visible in the main style folder.

I’m also having a weird one where the menu sub-item border property get ignored by my “navbar\_\_sub-link” style, I need to add it manually to the item to remove it.  
Any reason why?

Thanks,

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/e/ae7c4d0acb14422487d67a20810f5c7920ea3c9b.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9ace8e7887dfc9219b604ae66cd2e8778778e3b5.png)

---

<div class="post-metadata">

**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:** [June 30, 2022, 3:36am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/2 "2022-06-30T03:36:23Z")

</div>

You can insert other css props into styles by ending another property’s definition first and then defining the prop you want. Eg

```auto
;height: 30px

```

You can put that into any of the other style fields that use text field inputs

The ; ends the definition for the property you’re editing

---

<div class="post-metadata">

**Author:** ![benp](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benp/32/34073_2.png) [@benp](https://forum.inductiveautomation.com/u/benp)\
**Post date:** [June 30, 2022, 3:47am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/3 "2022-06-30T03:47:40Z")

</div>

Thanks, that’s good to know !

Unfortunately in the case of my horizontal menu sub-items it seems to be just ignoring the style like for the border property I had to add on the item itself.

Make me wonder why there isn’t just a free field then to add as many hand typed properties as we want?

Thanks again.

---

<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:** [June 30, 2022, 6:47am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/4 "2022-06-30T06:47:36Z")

</div>

for height you will need to add !important to overrule the defaults, height is normaly not really the thing you should put in a class though.

```auto
; height:150px !important;

```

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/1/6139769c3c48e5ea52c6fa52bdd95177ee15dc20.png)

---

<div class="post-metadata">

**Author:** ![benp](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benp/32/34073_2.png) [@benp](https://forum.inductiveautomation.com/u/benp)\
**Post date:** [June 30, 2022, 8:43am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/5 "2022-06-30T08:43:32Z")

</div>

Perfect it does work thanks !

Why would you not put it in a class?  
It’s a css property like any others.

---

<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:** [June 30, 2022, 9:14am UTC](https://forum.inductiveautomation.com/t/perspective-style-manually-adding-other-css-properties-in-the-designer-style-sheets/61379/6 "2022-06-30T09:14:07Z")

</div>

Yes in normal html its important, but styling heights kinda messes with the designer.  
Depends on the use i guess, go ahead if it works fine for you 🙂