How to increase space between banner and search bar in Service Portal?

[Hari S1]

Hi,

Could anyone please help me understand how to increase the spacing between the banner and the search bar (as highlighted in the image)? We’d like to move the search option slightly lower on the page.

[NavinAgarwal]

Hi @Hari S1 ,

Please check the below thread where solution is provided already for the same issue..

https://www.servicenow.com/community/developer-forum/search-bar-move-a-bit-lower-on-the-service-port...

If you found my response helpful, could you please mark it as ‘Accept as Solution’ and ‘Helpful’? This small action goes a long way in helping other community members find the right answers more easily and supports the community.

[Ankur Bawiskar]

@Hari S1 

check this link

I am trying to resize my searchbar on the employee center but is not working 

If my response helped please mark it correct and close the thread so that it benefits future readers.

[Ankur Bawiskar]

@Hari S1 

Hope you are doing good.

Did my reply answer your question?

If my response helped please mark it correct and close the thread so that it benefits future readers.

[kaushal_snow]

@Hari S1 ,

you can adjust the padding or margin of the relevant elements using custom CSS....Identify the Widget Instance: Navigate to the page where the banner and search bar are located. Right click on the search bar and select Instance in Page Editor. This will open the widget instance in the Page Editor....

>> Modify the CSS: In the Page Editor, scroll down to the CSS section. Here, you can add custom styles to adjust the spacing.....

example:

#homepage-search {
margin-top: 20px !important;
}

If you found my response helpful, please mark it as ‘Accept as Solution’ and ‘Helpful’. This helps other community members find the right answer more easily and supports the community.