# More convenient Custom CSS & JS editors

**URL:** <https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963>\
**Category:** Elfsight Dashboard\
**Tags:** Gathering-Feedback\
**Created:** [April 15, 2025, 9:53am UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963 "2025-04-15T09:53:51Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [April 15, 2025, 9:53am UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/1 "2025-04-15T09:53:51Z")

</div>

It would be nice if I could make the sidebar in the dashboard a little wider.  
This would make the content in the code editor and custom JS/CSS more visible, and you wouldn’t have to constantly scroll back and forth.

Here is an example  
[Resizable Sidebar](https://codepen.io/Zodiase/pen/qmjyKL)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/7/4/747390dab1f3e2436cd135cf9dacac35a88ab8ef.png)

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [April 15, 2025, 10:59am UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/2 "2025-04-15T10:59:54Z")

</div>

Hi @Sina 👋

Thank you for the feedback!

We already have a similar request, and I’ve merged your comment with it 🙂

---

<div class="post-metadata">

**Author:** ![PeterC](https://avatars.discourse-cdn.com/v4/letter/p/f9ae1b/32.png) [@PeterC](https://community.elfsight.com/u/PeterC)\
**Post date:** [September 5, 2025, 12:24am UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/3 "2025-09-05T00:24:54Z")

</div>

Adding to these suggestions, allow the editor box to scroll up and down while highlighting code. Currently, it only scrolls horizontally.

---

<div class="post-metadata">

**Author:** ![Petar\_Dietrich](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/petar_dietrich/32/92003_2.png) [@Petar\_Dietrich](https://community.elfsight.com/u/Petar_Dietrich)\
**Post date:** [December 8, 2025, 2:57am UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/4 "2025-12-08T02:57:53Z")

</div>

Howdy!

Glad to see this wishlist item. Count me in! Please see [my recent post](https://community.elfsight.com/t/settings-panel-not-resizable-ai-chatbot-widget/142173) on this topic.

In my opinion, this should be a scheduled enhancement, not a wishlist item. As it is, it’s very difficult to view and edit both CSS and JS codes inside the settings panel.

Thank you!

---

<div class="post-metadata">

**Author:** ![Petar\_Dietrich](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/petar_dietrich/32/92003_2.png) [@Petar\_Dietrich](https://community.elfsight.com/u/Petar_Dietrich)\
**Post date:** [January 6, 2026, 10:08pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/5 "2026-01-06T22:08:48Z")

</div>

Hi @Max,

Can you kindly give us an update on this feature request? While no significant number of votes have been collected, the requested feature can also be considered as a “bug” since the CSS and JS code fields are small and restrictive.

Happy to buy you a pint (or your favorite beverage) if you can move this one up the ladder. Without a public roadmap for the AI Chatbot, all we’re left with is to ping Elfsight when things are not moving as fast as expected.

I hope you understand.

Thank you!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 7, 2026, 3:24pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/6 "2026-01-07T15:24:54Z")

</div>

Hey there, @Petar_Dietrich 👋

Thanks a lot for your comment!

I totally get your feelings and agree that this improvement would make the customization process handier.

Much as I’d love to share an update, unfortunately, we don’t have any news regarding this request. I am really sorry!

I’ve passed your feedback to the dev team and hopefully, they’ll be able to think it over in the future.

As soon as any news comes up, we’ll promptly inform you here 🙂

---

<div class="post-metadata">

**Author:** ![Petar\_Dietrich](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/petar_dietrich/32/92003_2.png) [@Petar\_Dietrich](https://community.elfsight.com/u/Petar_Dietrich)\
**Post date:** [January 7, 2026, 8:21pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/7 "2026-01-07T20:21:42Z")

</div>

Great, thank you. Putting things into another perspective, this feature request (bug fix) has been open since May 2024 (almost two years)!

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 9, 2026, 2:31pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/8 "2026-01-09T14:31:36Z")

</div>

Folks, I just wanted to inform you that the Custom CSS and JS editors include the **Maximize** buttons:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/a/2a4701ea7215693b1dd4434c5a908a633273b18e.png)

Does it cover your needs, or do you want to make it even wider to display longer codes in full?

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/6/d/6d4404d682a9539e6232abda9946b02306369e56.png)

---

<div class="post-metadata">

**Author:** ![PeterC](https://avatars.discourse-cdn.com/v4/letter/p/f9ae1b/32.png) [@PeterC](https://community.elfsight.com/u/PeterC)\
**Post date:** [January 9, 2026, 3:33pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/9 "2026-01-09T15:33:04Z")

</div>

@Max It does not solve my personal issue: The editor box does not scroll up and down while highlighting code. Currently, it only scrolls horizontally.

I know I can press+hold SHIFT which is an easy workaround. But I cannot tell you how many times I’ve accidentally gone back a page when 2-finger scrolling to the left while working in the code editor.

If a handle-bar to resize the editor is not feasible for your Devs, how about a modal box for the code editor?

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 9, 2026, 4:55pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/10 "2026-01-09T16:55:50Z")

</div>

Got it, thank you so much for the feedback!

I completely understand your point, and I’ve shared them with the devs. We’ll try to think about it in the future 🙂

---

<div class="post-metadata">

**Author:** ![Sina](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/sina/32/59970_2.png) [@Sina](https://community.elfsight.com/u/Sina)\
**Post date:** [January 9, 2026, 5:08pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/11 "2026-01-09T17:08:16Z")

</div>

Hi @Max

this helps a little with vertical scrolling, but not with horizontal scrolling. Therefore, the scalable sidebar example has been included in the proposal. I also like @PeterC’s idea of ​​solving this with a larger modal box, i.e. popup. I think the devs can understand that, because the way it’s currently solved, they don’t want to work with it 🙂

---

<div class="post-metadata">

**Author:** ![Petar\_Dietrich](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/petar_dietrich/32/92003_2.png) [@Petar\_Dietrich](https://community.elfsight.com/u/Petar_Dietrich)\
**Post date:** [January 9, 2026, 8:35pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/12 "2026-01-09T20:35:43Z")

</div>

Hi @Max,

No, that does not help. Please refer to the original recommendations provided by @Sina and me.

We need a “grab handle” that will allow us to expand the CSS and JS code fields horizontally. Also, expanding the native width of the CSS and JS code fields would be nice. There is plenty of “real estate” in the Elfsight dashboard to do that. This, of course, would be in addition to the “grab handle.”

Also, I do not support a pop-up to solve the issue since many browsers have a pop-up blocker add-on, etc. installed which would require enabling/disabling the add-on every time we access the Elfsight widget dashboard.

I hope this helps.

Cheers!

Petar

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 10, 2026, 4:48pm UTC](https://community.elfsight.com/t/more-convenient-custom-css-js-editors/142963/13 "2026-01-10T16:48:20Z")

</div>

Thank you so much for your feedback, @Sina, @Petar_Dietrich!

We’ll keep your suggestions in mind and try to consider them in the future updates 🙂
