# Accessibility Widget
**URL:** https://community.elfsight.com/c/css-codes/accessibility-widget/235.md
[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)
---
## [Detailed customization of all widget elements](https://community.elfsight.com/t/detailed-customization-of-all-widget-elements/124527)
**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 4\
**Last updated:** [December 5, 2025, 5:16pm UTC](https://community.elfsight.com/t/detailed-customization-of-all-widget-elements/124527 "2025-12-05T17:16:17Z")
Add this code to the Custom CSS field on the Settings tab of your Accessibility widget’s settings: #accessibility-panel { background-color: #006C52; } \[class\*="page\_\_Avatar-sc"\] { background-color: red; } \[class\*="mod…
---
## [Change bubble size](https://community.elfsight.com/t/change-bubble-size/139719)
**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [September 16, 2025, 6:38pm UTC](https://community.elfsight.com/t/change-bubble-size/139719 "2025-09-16T18:38:04Z")
Add this code to the Custom CSS field on the Settings tab of your Accessibility widget’s settings: \[class\*="FloatingButton\_\_FloatingButtonContainer-sc"\] button { transform: scale(1.3); }
---
## [Change border radius of the floating bubble](https://community.elfsight.com/t/change-border-radius-of-the-floating-bubble/139361)
**Author:** [@Kostas](https://community.elfsight.com/u/Kostas)\
**Replies:** 6\
**Last updated:** [September 8, 2025, 9:37am UTC](https://community.elfsight.com/t/change-border-radius-of-the-floating-bubble/139361 "2025-09-08T09:37:23Z")
Add this code to the Custom CSS field on the Settings tab of your Accessibility widget’s settings: \[class\*="ButtonBase\_\_ButtonContainer-sc"\] { border-radius: 8px !important; /\* added rounded corners \*/ }