# How to edit this element?

**URL:** https://community.sitejet.io/t/how-to-edit-this-element/524
**Category:** Website Builder
**Tags:** cms\_code, cms\_element
**Created:** [July 10, 2021, 11:05am UTC](https://community.sitejet.io/t/how-to-edit-this-element/524 "2021-07-10T11:05:00Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![David\_Stoltz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/david_stoltz/32/171_2.png) [@David\_Stoltz](https://community.sitejet.io/u/David_Stoltz)
#### Post date: [July 10, 2021, 11:05am UTC](https://community.sitejet.io/t/how-to-edit-this-element/524/1 "2021-07-10T11:05:00Z")

</div>

On the Mr. Locksmith template, there is a down arrow - small box with class of .ed-icon

If I select it, I can edit the actual icon within the element using the edit panel - but I cannot find where to change the orange color of the background.

If I select it and look at the CSS, I can easily change the color there - but was wondering how to change it using the interface?

 ![arrow](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/93c09bc971d3fcd51ad2f73c07f3e3b22da77d98.jpeg)

---

<div class="post-metadata">

### Author: ![Lucian\_Dinu](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/lucian_dinu/32/141_2.png) [@Lucian\_Dinu](https://community.sitejet.io/u/Lucian_Dinu)
#### Post date: [July 12, 2021, 9:17am UTC](https://community.sitejet.io/t/how-to-edit-this-element/524/2 "2021-07-12T09:17:32Z")

</div>

Hi! I think you are referring to this icon:

 ![Screenshot 2021-07-12 at 12.12.17](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/1X/c741564758de15f7a04ddead0dbb95ae7f03dfc0.jpeg)

The color can be changed within the code.

---

<div class="post-metadata">

### Author: ![David\_Stoltz](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/david_stoltz/32/171_2.png) [@David\_Stoltz](https://community.sitejet.io/u/David_Stoltz)
#### Post date: [July 12, 2021, 10:39am UTC](https://community.sitejet.io/t/how-to-edit-this-element/524/3 "2021-07-12T10:39:36Z")

</div>

Yep - that’s the one - I already changed the color in the code - I just found it odd that you can’t do it in the user interface on the left panel.

Thanks

---

<div class="post-metadata">

### Author: ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)
#### Post date: [August 10, 2021, 3:51pm UTC](https://community.sitejet.io/t/how-to-edit-this-element/524/4 "2021-08-10T15:51:47Z")

</div>