Decrease the vertical spacing above the 'How can we help?' text on the Portal homepage?

[ayman_h]

Does anyone know how to decrease the vertical margin/spacing above the 'How can we help?' text on the Portal homepage (index)?

I have tried assigning a padding and margin-top property on the homepage widget but couldn't get it work. Changing the height of the css classes only helps me decrease the height of the background image but doesn't not move the Text or typeahead search box above.

Thanks,
Ayman

[Jaspal Singh · Accepted solution]

Hi Ayman,

All you need is to open the widget that contains "How can we help". Then use the Clone widget UI Action as the OOB cannot be modified. Once done you will have to change the wrapper class something as below

from wrapper-xl to wrapper-md.

Mostly Homepage search is the widget used. You can check that   by Service Portal >> widgets >> Homepage search. If you get above option & code replace as suggested above & you get what is expected.

[Gaurav Bajaj]

Hi Ayman,

If you are only interested in decreasing the space between top and text "how can we help" without affecting the image size.

Then do first as Jaspal mentioned - clone the homepage search widget and use it in your index page.

Then add below CSS in you CCS box of the widget.

.wrapper-xl {

      padding-top: 20px !important;

  padding-bottom: 80px !important;

      padding-right: 50px !important;

      padding-left: 50px !important;

}

Changing the wrapper from x1 to md will change the overall height of background image but this CSS will keep the size constant.

[ayman_h]

Thanks, I was missing the "!important" on my style definitions I guess. I have implemented jaspalsinghchot answer above and it works perfectly! Thanks guys for the quick replies

[Jaspal Singh]

Glad to know it helped.