Theme Change

Wishlist Accessibility Widget
1

Would like to see an option to change the theme of the widget.

1 Like
2

Hi there, @Boxon :waving_hand:

Thanks for sharing your idea with us! If more users support this request, it might be considered in the future :slightly_smiling_face:

While the theme/style settings are not available in the widget, it’s possible to change the color of the widget elements using the CSS code. Could you please specify what elements you’d like to customize?

3

Max, how can we change the widget color? I don’t see CSS code options for this widget. Thank you!

1 Like
4

Hi there, @Daniel :waving_hand:

Here is the CSS code to change the color of all icons in the widget:

#icon-color {
  fill: red
}

And this code will help you change the bubble color:

[class*="ButtonBase__ButtonContainer-sc"] {
    background-color:red!important;
}

Please add this code to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

2 Likes
5

Max,

Thank you so much! It works to change the icon color, but the icon on the pop-out menu is still the original blue. Anyway to also change that to match?

1 Like
6

Sure! Here is the code to change color of the icon container in the popup :slightly_smiling_face:

[class*="page__Avatar-sc"] {
  background-color: red;
}
2 Likes
7

Perfect, thank you!

1 Like
8

3 posts were split to a new topic: Change color of the mode icons