Resize the How Can We help You type head search box in service portal?

[SNOW46]

Hi All,

I am working on Service Portal Configuration. I have renamed the How Can We help you" homepage search box to self help search and I have put it under first container.

But I want it to place it just under the First container so that it wont take any white space.

And also I want to put some gap from the header menu and the below container where it is starting. It shows as black line under the header menu.

Can anyone suggest me how to achieve this?

[SNOW46]

Hi All,

Can anyone post some answers for my query so that I can implement the same.

[VigneshMC]

Below thread should be helpful

https://community.servicenow.com/community?id=community_question&sys_id=2afbc325db9cdbc01dcaf3231f96195e&view_source=searchResult

https://community.servicenow.com/community?id=community_question&sys_id=02b343a5dbd8dbc01dcaf3231f9619ab&view_source=searchResult

Thanks

[Wybren1]

It's a CSS class called 'wrapper-xl' which gives a padding of 50px;

You can change this in customizing a 'Theme' by adding a CSS line;

Example
#homepage-search.wrapper-xl {

padding: 10px !important;

}

*Changing only the wrapper-xl class will result in everything on the page that has the wrapper-xl class to be changed. This is a default Bootstrap class.

If you want to add your own class you need to clone the widget and change it there.

[SNOW46]

How to locate the same widget and reflect the changes. Can you please suggest me with screenshots as I am totally new to SP working on it. I want to learn more and explore something new.