# CSS gurus, Please Help **URL:** \ **Category:** Ask for Help\ **Created:** [July 14, 2021, 7:54am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066 "2021-07-14T07:54:57Z")\ **Posts on this page:** 13\ **Page:** 1
**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\ **Post date:** [July 14, 2021, 7:54am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/1 "2021-07-14T07:54:57Z")
I need some CSS magic to disable the search bar. It is breaking my background CSS because i have now introduced 2 inline lists into the screen. I want to either disable the search bar or I wish to change its background color to match the background. I have tried: ``` [data-test="App-search-bar{display:none; But does not seem to work. Any suggestions or ideas would be highly appreciated. ``` ---
**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\ **Post date:** [July 14, 2021, 7:59am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/2 "2021-07-14T07:59:58Z")
But if you go to the options of the inline list you have an option to hide the serach bar no? Or do you want it but with another background? ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/3/e35c3cd0b52fbcf7a88d389eecadd01ae955e181.png) ---
**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\ **Post date:** [July 14, 2021, 8:00am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/3 "2021-07-14T08:00:53Z")
Let me try that option to check if I can disable from there. ---
**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\ **Post date:** [July 14, 2021, 8:01am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/4 "2021-07-14T08:01:11Z")
you have to do it in both inline lists of the screen ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [July 14, 2021, 8:02am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/5 "2021-07-14T08:02:46Z")
```auto [data-test="app-search-bar"] { display: none; } ``` You miss a " and a ] there. ---
**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\ **Post date:** [July 14, 2021, 8:11am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/6 "2021-07-14T08:11:11Z")
This worked to hide the bar. Thanks a lot @ThinhDinh … Now I need to change the color of the or padding where the search bar was located ---
**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\ **Post date:** [July 14, 2021, 8:13am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/7 "2021-07-14T08:13:31Z")
But unchecking the option of the search bar will work in that case no @ThinhDinh ? Why it’s necessary to use CSS? ---
**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\ **Post date:** [July 14, 2021, 8:14am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/8 "2021-07-14T08:14:54Z")
I tried it and it worked. Thank you so much to both of you guys. @adriasoce@ThinhDinh … We learn everyday 🕶 ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [July 14, 2021, 10:01am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/9 "2021-07-14T10:01:59Z")
Well I did find some cases where I design a complex landing page where I need users to make an action before showing them inline lists. I also need those lists to be searchable but the search bar was showing regardless of the inline list being visible or not. This is where this CSS comes into place. I have done that multiple times. ---
**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\ **Post date:** [July 14, 2021, 11:18am UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/10 "2021-07-14T11:18:09Z")
Thanks for sharing your use case. This will come in handy for me when i encounter such a situation. ---
**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\ **Post date:** [July 14, 2021, 12:34pm UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/11 "2021-07-14T12:34:50Z")
Oh true, i did not think about that option ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [July 14, 2021, 1:03pm UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/12 "2021-07-14T13:03:38Z")
A simple use case is I show users 2 buttons in a public app: - Continue as guest - Sign in Then if you click continue as guest I show you some inline lists that are searchable. I have to use CSS to hide the search bar before users make their choice. That’s the use case. ---
**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\ **Post date:** [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/css-gurus-please-help/29066/13 "2024-01-17T16:51:29Z")