How to get rid of the white space?

vidhya_mouli
Giga Sage

Employee-Center-Homepage-Employee-Center (3).png

 

How do I get rid of this white space in Employee Center?

1 ACCEPTED SOLUTION

RforNewbie
Tera Guru

Hello @vidhya_mouli 

You should have the border-color active and white, to deactivate click with the left side of the mouse and inspect.

The code should look something like this:
background-color: #333579;
border-bottom: .2rem solid #ffffff;
height: 5.1rem;
display: flex;
color: #DADDE2;

 

Just delete border-bottom.

I hope it helped, if it worked mark it as a solution

Best Regards,

View solution in original post

5 REPLIES 5

Eswar Chappa
Mega Sage
Mega Sage

Hi @vidhya_mouli Please check the below article

 

https://www.servicenow.com/community/developer-forum/how-to-remove-white-space-from-the-widget/m-p/1...

 

Thanks & Regards,

Eswar Chappa

Mark my answer correct and Helpful if this helps you 😀

Shruti Khaire
Kilo Sage

Hello @vidhya_mouli,

 

Can you please check the HTML and CSS code for the background image that you have applied for example i'll share the CSS code below to display it on the widget.

CSS code:

.bg {
/* The image used */
background-image: url("your image");

/* Full height */
height: 100%;

/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

 

Thank you!

RforNewbie
Tera Guru

Hello @vidhya_mouli 

You should have the border-color active and white, to deactivate click with the left side of the mouse and inspect.

The code should look something like this:
background-color: #333579;
border-bottom: .2rem solid #ffffff;
height: 5.1rem;
display: flex;
color: #DADDE2;

 

Just delete border-bottom.

I hope it helped, if it worked mark it as a solution

Best Regards,

This works in the browser. But I am unable to figure out which CSS I should modify in ServiceNOW. Can you suggest the CSS name please?