Apply the styles of the Event Calendar search to Team Showcase search

Ask the Community Customization
1

hi - i’m trying to make the team showcase search the same style as the event calendar search. I inspected the event calendar search and got the following CSS which I’ve added to the class*=”SearchBarComponent__Wrapper”

[class*=“SearchBarComponent__Wrapper”] {
border-style: solid;
border-width: 1px;
transition: 0.2s;
border-radius: 8px;
width: 100%;
max-width: 200px;
color: rgb(17, 17, 17);
border-color: rgba(17, 17, 17, 0.3);
background-color: rgba(17, 17, 17, 0);
box-sizing: border-box !important;
outline: none !important;
}

However, I can’t get it to look quite right. I think I’m close?

1 Like
Make Teams Showcase Filters and Search Fields more prominent
3

Hi there, @Lisa_Stein :waving_hand:

Could you please specify the name of your Event Calendar widget where you’d like to copy the search styles from? I’ll be happy to help you with it :slightly_smiling_face:

4

I actually figured it out :slight_smile:

1 Like
5

Awesome! If anything else comes up, we’re always here to help :wink: