Custom Support Portal- Search Bar Background

  • 22 June 2022
  • 1 reply

Userlevel 1


I have seen many themes where people ether have a solid color background or an image background, with the search bar overlaid over it. I attempted to change the background myself but it changed it for everything but the searchbar, Where exactly do I need to change it so that it only affects the search bar. Thank you.


Best answer by zachary.king 22 June 2022, 16:13

View original

1 reply

Userlevel 7
Badge +14

Hello @Holden, best way to do this is to go to the support portal and open the Chrome Dev Tools. Click on the search element and drill down to find what html tag is being styled. Then reference that class or id in the Freshservice Layout Style Sheets and write your own CSS for that element

As an example - We have the old support portal currently and if I wanted to change the search bar’s background color I would need to reference that input element and add the following css code snippet in the style sheets like so

Hope this helps some!