# More customisation options

**URL:** <https://community.elfsight.com/t/more-customisation-options/103398>\
**Category:** AI Chatbot\
**Tags:** Released\
**Created:** [February 24, 2025, 11:09pm UTC](https://community.elfsight.com/t/more-customisation-options/103398 "2025-02-24T23:09:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kkaattmmcc](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/kkaattmmcc/32/47225_2.png) [@kkaattmmcc](https://community.elfsight.com/u/kkaattmmcc)\
**Post date:** [February 24, 2025, 11:09pm UTC](https://community.elfsight.com/t/more-customisation-options/103398/1 "2025-02-24T23:09:49Z")

</div>

- Custom background image
- Custom border radius
- Custom fonts
- Custom link styling
- etc

---

<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:** [February 27, 2025, 7:05pm UTC](https://community.elfsight.com/t/more-customisation-options/103398/3 "2025-02-27T19:05:06Z")

</div>

Hi there, @kkaattmmcc and welcome to the Community 👋

We agree that it would be great to have these options right in the settings and we’ll try to think it over in the future.

As for now you can use the CSS codes to customize the widget:

**1. Custom background image**

```auto

[class*="window__Body"] {
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 🙂

  

**2. Set custom font**

```auto
.global-styles,
.eapps-ai-chatbot-YOUR_WIDGET_ID-custom-css-root {
  font-family: fantasy;
}

```

Do not forget to replace YOUR\_WIDGET\_ID in the 2nd line of the code with the [ID of your widget](https://help.elfsight.com/article/1219-where-to-get-your-widget-id-in-new-dashboard).

  

**3. Change border radius**

```auto
[class*="window__Container-sc"] {
  border-radius: 0px;
}

```

  

**4. Change link color**

```auto
[class*='window__Body-sc'] a {
  color: red; // Link color
}

[class*='window__Body-sc'] a:hover {
  color: red; // Link color on hover
}

[class*='window__Body-sc'] a:active {
  color: red; // Link color when clicked
}

[class*='window__Body-sc'] a:visited {
  color: red; // Link color once visited
}

```

---

<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:49pm UTC](https://community.elfsight.com/t/more-customisation-options/103398/4 "2025-10-02T13:49:31Z")

</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:42pm UTC](https://community.elfsight.com/t/more-customisation-options/103398/5 "2025-11-18T14:42:25Z")

</div>

Update: the feature is in 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:15pm UTC](https://community.elfsight.com/t/more-customisation-options/103398/7 "2026-01-27T14:15:25Z")

</div>

Hey everyone!

We’re happy to announce that we’ve added more customization options to the widget, including custom backgroud image, border radius, font and many other settings 🎉

Find more details in this post - [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)