# Custom Theme Image

**URL:** <https://community.elfsight.com/t/custom-theme-image/92783>\
**Category:** AI Chatbot\
**Tags:** Released\
**Created:** [January 5, 2025, 6:40pm UTC](https://community.elfsight.com/t/custom-theme-image/92783 "2025-01-05T18:40:13Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Norton](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/norton/32/29148_2.png) [@Norton](https://community.elfsight.com/u/Norton)\
**Post date:** [January 5, 2025, 6:40pm UTC](https://community.elfsight.com/t/custom-theme-image/92783/1 "2025-01-05T18:40:13Z")

</div>

In the chatbot themes, there is light and dark version, and light with color accent on top and a grey version, there is 2 with a washout astronaut background version. being able to upload a image to the themes

---

<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 8, 2025, 6:23pm UTC](https://community.elfsight.com/t/custom-theme-image/92783/2 "2025-01-08T18:23:29Z")

</div>

Hi there, @Norton 👋

We agree that it would be great to have this option right in the settings. If more users support this idea, we’ll try to think this opportunity over 🙂

As for now, you can add a custom image using this code in the Custom CSS field on the General tab of your widget’s settings:

```auto
[class*="window-wallpaper__Container-sc"] {
background: url(YOUR_URL);
background-size: cover;
opacity: 1;
}

```

  

Do not forget to replace YOUR\_URL in the 2nd line of the code with the URL of your image 🙂

---

<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:** [October 2, 2025, 1:47pm UTC](https://community.elfsight.com/t/custom-theme-image/92783/3 "2025-10-02T13:47:41Z")

</div>

Friends, I’m happy to say that we’ve started working on this feature! 🎉

It’s currently in the Design stage, and we’ll keep you updated on the progress here 😊

---

<div class="post-metadata">

**Author:** ![Helga](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/helga/32/1155_2.png) [@Helga](https://community.elfsight.com/u/Helga)\
**Post date:** [November 18, 2025, 2:39pm UTC](https://community.elfsight.com/t/custom-theme-image/92783/4 "2025-11-18T14:39:56Z")

</div>

Update: the feature is on the **Development** stage now! 🎉

---

<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 27, 2026, 2:24pm UTC](https://community.elfsight.com/t/custom-theme-image/92783/6 "2026-01-27T14:24:20Z")

</div>

Hey everyone!

We’re happy to share that now you can set a custom theme image right in the settings.

To do this, click on the **Customize Theme** button on the **Theme** tab, open the **Chat** section:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/9/6/96a6879b982d4a923976d8ba11cd41274a1e6aad.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/2/e2563de48e87563452968fb39a86585666d6fab2.png)

  

Then click on the **Chat Background** and select **Image** :

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/5/4548d262abdc2bbf7cdb00a7f3e953a76af7cc41.png) ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/2/6/26d4ed2ef1e2adcd6612bed1b53429d96fc59477.png)

  

Check this post to find other new customization settings -[AI Chatbot: Change color of each widget element, font, size settings and more! 🚀](https://community.elfsight.com/t/ai-chatbot-change-color-of-each-widget-element-font-size-settings-and-more/143477)
