# Perspective symbol modification with stylesheet

**URL:** <https://forum.inductiveautomation.com/t/perspective-symbol-modification-with-stylesheet/72460>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 14, 2023, 2:06pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-modification-with-stylesheet/72460 "2023-04-14T14:06:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Arnaud\_Declerck](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arnaud_declerck/32/44872_2.png) [@Arnaud\_Declerck](https://forum.inductiveautomation.com/u/Arnaud_Declerck)\
**Post date:** [April 14, 2023, 2:06pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-modification-with-stylesheet/72460/1 "2023-04-14T14:06:12Z")

</div>

Hi,

Would it be possible to delete the following part of a motor symbol with some css code in the stylesheet?  
This object has a domId = motorDevice  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/e/fedf5c8c67709ef94e26631e6ad57dd9623b3a46.png)  
i've try that code to see if i could alter the first child fill value since when anylse the class in chrome this part is the first inside the class. but nothing help  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/5/456050e68315d2405d7d47b0b29e793dd31dda59.png)

thanks in advance for your help

Arnaud

---

<div class="post-metadata">

**Author:** ![YF129701](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yf129701/32/60498_2.png) [@YF129701](https://forum.inductiveautomation.com/u/YF129701)\
**Post date:** [April 14, 2023, 2:43pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-modification-with-stylesheet/72460/2 "2023-04-14T14:43:38Z")

</div>

Man that little stub is very pesky... Not sure if this is the best way to do it, but I selected using the svg path, like so:

```css
#motorDevice .motor_motor_details path[d="M102,23h-17v10h17Z"]{
	fill: none;
}

```

You can exclude the `.motor_motor_details` class and it still works, but in my mind, a class selector will help narrow down the search of the attribute selector so it may be more efficient, but that's splitting hairs.

---

<div class="post-metadata">

**Author:** ![Arnaud\_Declerck](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/arnaud_declerck/32/44872_2.png) [@Arnaud\_Declerck](https://forum.inductiveautomation.com/u/Arnaud_Declerck)\
**Post date:** [April 15, 2023, 12:31pm UTC](https://forum.inductiveautomation.com/t/perspective-symbol-modification-with-stylesheet/72460/3 "2023-04-15T12:31:33Z")

</div>

> [@YF129701](#):
>
> ```auto
> #motorDevice .motor_motor_details path[d="M102,23h-17v10h17Z"]{
> fill: none;
> }
> 
> ```

That's it, thank you @YF129701.  
Just to add something with fill:none; it will make it unvisible but you will have a blank space between the motor and the border  
if you wan to delete it just use d:none; instead.