# Remove Perspective Map Shadow

**URL:** <https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [June 10, 2020, 1:15pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494 "2020-06-10T13:15:37Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [June 10, 2020, 1:15pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/1 "2020-06-10T13:15:37Z")

</div>

Anyone know how to remove the shadow for an icon in the perspective map?

---

<div class="post-metadata">

**Author:** ![andreas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andreas/32/18981_2.png) [@andreas](https://forum.inductiveautomation.com/u/andreas)\
**Post date:** [October 12, 2020, 6:59am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/2 "2020-10-12T06:59:24Z")

</div>

Have you figured this one out yet?

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [October 12, 2020, 9:08am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/3 "2020-10-12T09:08:13Z")

</div>

No I didnt. Someone with Inductive said at one point it may be possible to edit the ignition theme css file on the server to set the drop shadow off for the map component, but specific instructions weren’t given and I haven’t tried yet.

---

<div class="post-metadata">

**Author:** ![andreas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andreas/32/18981_2.png) [@andreas](https://forum.inductiveautomation.com/u/andreas)\
**Post date:** [October 12, 2020, 9:45am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/4 "2020-10-12T09:45:15Z")

</div>

Ah, I see. I will investigate the theme css file, and see if there are any possibilities.

Thanks for your reply!

---

<div class="post-metadata">

**Author:** ![mcarritt1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/mcarritt1/32/4262_2.png) [@mcarritt1](https://forum.inductiveautomation.com/u/mcarritt1)\
**Post date:** [October 12, 2020, 10:15am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/5 "2020-10-12T10:15:58Z")

</div>

wow just revisited this, turns out its super simple and all you have to do is add this to your lightoverrides.css file (I’m not sure if that file exists by default, but they recommend thats where you make theme changes)

```auto
.map-marker-shadow {
  display: none;
}

```

the themes are here for windows:  
C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes

---

<div class="post-metadata">

**Author:** ![andreas](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/andreas/32/18981_2.png) [@andreas](https://forum.inductiveautomation.com/u/andreas)\
**Post date:** [October 12, 2020, 10:35am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/6 "2020-10-12T10:35:33Z")

</div>

Sweet! Worked perfectly 🙂

---

<div class="post-metadata">

**Author:** ![srb](https://avatars.discourse-cdn.com/v4/letter/s/ecae2f/32.png) [@srb](https://forum.inductiveautomation.com/u/srb)\
**Post date:** [May 10, 2021, 11:50pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/7 "2021-05-10T23:50:20Z")

</div>

Hi @mcarritt1 , @andreas

I didn’t have this by default, so I copy pasted one of the existing files and edited to add those 3 lines.

I restarted the designer but I still see the shadows. Did you have to do anything else after editing?

Thanks!

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [May 11, 2021, 1:08am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/8 "2021-05-11T01:08:25Z")

</div>

Have you set session.props.theme to the name of your theme file.

---

<div class="post-metadata">

**Author:** ![srb](https://avatars.discourse-cdn.com/v4/letter/s/ecae2f/32.png) [@srb](https://forum.inductiveautomation.com/u/srb)\
**Post date:** [May 11, 2021, 1:35am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/9 "2021-05-11T01:35:26Z")

</div>

I’m using the default - light theme.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [May 11, 2021, 1:54am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/10 "2021-05-11T01:54:47Z")

</div>

> [@srb](#):
>
> I didn’t have this by default, so I copy pasted one of the existing files and edited to add those 3 lines.

This reads like you created a new file. If that is the case, you’ll need to set the theme to the new file name, otherwise, your edits will not take effect.

---

<div class="post-metadata">

**Author:** ![srb](https://avatars.discourse-cdn.com/v4/letter/s/ecae2f/32.png) [@srb](https://forum.inductiveautomation.com/u/srb)\
**Post date:** [May 11, 2021, 2:10am UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/11 "2021-05-11T02:10:54Z")

</div>

Thanks for the reply Irose.

I figured this out. README file inside the themes folder had everything I needed:

It might help anyone in the future:

1. I created a _overrides.css_ file inside the light folder in  
_C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes_ with the three lines from mcarritt1’s post.

2. Open the light.css file in the themes folder and add the second line that imports the overrides.css file as follows:

```auto
@import "./light/index.css";
@import "./light/overrides.css";

```

---

<div class="post-metadata">

**Author:** ![Eoin\_Hourigan](https://avatars.discourse-cdn.com/v4/letter/e/a5b964/32.png) [@Eoin\_Hourigan](https://forum.inductiveautomation.com/u/Eoin_Hourigan)\
**Post date:** [April 4, 2023, 10:35pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/12 "2023-04-04T22:35:12Z")

</div>

Hi srb,

I tried to edit the light.css file as you described, but when I tried to save it it said I did not have permission. Is this the only way to remove shadows from the map?

---

<div class="post-metadata">

**Author:** ![nicoli.liedtke](https://avatars.discourse-cdn.com/v4/letter/n/ee59a6/32.png) [@nicoli.liedtke](https://forum.inductiveautomation.com/u/nicoli.liedtke)\
**Post date:** [April 4, 2023, 10:37pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/13 "2023-04-04T22:37:34Z")

</div>

If you are using Ignition 8.22 or later you should be able to use the stylesheet feature as well.

> [@New Stylesheet resource](https://forum.inductiveautomation.com/t/new-stylesheet-resource/64787):
>
> Starting with the 10/4/2022 Nightly (8.1.22) build, users will be able to modify a new styling resource: stylesheet.css This new resource is considered an advanced feature and will not be in place by default. To place the resource, expand the Perspective node of the Project Browser, right-click the Styles node, and select "Enable Advanced Stylesheet". [EnableStylesheet] Once in place, the stylesheet allows for inserting CSS just as you would in any normal CSS file. The rules defined in this r…

---

<div class="post-metadata">

**Author:** ![Eoin\_Hourigan](https://avatars.discourse-cdn.com/v4/letter/e/a5b964/32.png) [@Eoin\_Hourigan](https://forum.inductiveautomation.com/u/Eoin_Hourigan)\
**Post date:** [April 4, 2023, 11:14pm UTC](https://forum.inductiveautomation.com/t/remove-perspective-map-shadow/35494/14 "2023-04-04T23:14:44Z")

</div>

Thanks that worked! I just put the code suggested by mcarritt1 above

.map-marker-shadow {  
display: none;  
}

into the stylesheet and the shadows are gone
