Custom CSS for Selectiontags

Question:
Hello, I’m just wondering how can I create a custom css class that can directly modify the options, for example width, within the selectiontags.

Product:
Wix Studio Editor

What are you trying to achieve:
Trying to make all of the options the same width.

If you want to make all the chips the same width, it’s pretty straightforward and would look something like:

.my-custom-class .selection-tags__option {
   width: 100px;
} 

Then apply your class either via the UI:
Screenshot 2024-08-21 at 12.55.32

Or via code:

$w("#selectionTags1").customClassList.add('my-custom-class')

Worth noting that the width property will only display when in preview/live site

Hope this helps :slight_smile:

1 Like