Make Teams Showcase Filters and Search Fields more prominent

Ask the Community Customization
4

Hi there, @Dotty_Byrne and welcome to the Community :waving_hand:

Sure, this code will help you change the background and text color of the search field:

[class*=“SearchBarComponent__Wrapper-sc”] {
background: #2f80ed;
color:;
}

[class*=“SearchBarComponent__InputIcon-sc”] {
fill: #fff;
}

[class*="SearchBarComponent__Input-sc"]::placeholder {
  color: #fff !important;
}

And here is the code to change the color of filters - Change color of tabs

Both codes should be added to the Custom CSS field on the Style tab of your widget’s settings. Please check it out and let me know how it worked :slightly_smiling_face:

1 Like