Skip to main content
Solved

Custom Support Portal- Search Bar Background

  • June 22, 2022
  • 1 reply
  • 230 views

Forum|alt.badge.img

Hello,

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

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!

View original
Did this topic help you find an answer to your question?

1 reply

zachary.king
Skilled Expert
Forum|alt.badge.img+16
  • Skilled Expert
  • 951 replies
  • Answer
  • June 22, 2022

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!


Reply