The CreatorCon Call for Content is officially open! Get started here.

reduce the height of homepage search widget

sobitha
Kilo Contributor

How to reduce the height of homepage search widget in service portal

5 REPLIES 5

Mujtaba Amin Bh
Mega Guru

There are different ways to do it.


Easiest is to open the index page in page editor.



and mention this in the css



#homepage-search{


  height: 250px;


}



The height will apply only for the index page.


SNOW User8
Giga Guru

Hi Sobitha K,



Just take a clone of the original "Homepage Search widget"   and there is a class called "hidden-xs wrapper-xl" in body HTML template and in CSS just add the height for the class.



Eg:


.hidden-xs{


  height: 160px;


}


Thanks I needed to adjust the width 

Here is my code:

.hidden-xs{
width: 700px;
}

Kavitha Raydurg
Tera Contributor

Hi Sobitha,



I had same request to reduce width of Home page in Service Portal. I did in different way, it worked out for me.



Take a copy/clone widget of Home Page Widget and remove or   comment first   two lines in the body Html template. I hope it works for you.



find_real_file.png


Regards


Kavitha Raydurga