Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

Widget design with CSS

Alex Buliga
Kilo Guru

Hi guys,

a have a few questions related to modifying the widget:

1. how to remove the "fa" div class from widget. i asume its the icon widget..

find_real_file.png

2. which css class is responsible for aligning text "Request a New Vendor or Engagement" to center in this widget

3. how do i bring the widgets to a common size? I've tried in Page CSS .iconlink {height: 140px;} but it doesnt renders at all..

Thanks in advance.

 

15 REPLIES 15

Community Alums
Not applicable

You can add !important next to those ignored CSS to force them.

ex: 
align: center !important!;

actual

.fa-3x {
  display: none;
}
.fa {
  display: none;
}
.fa- {
  display: none;
}

the block disappeared look like, so question 1 potential solved.

Alex Buliga
Kilo Guru

case up

hello @Aleksandr Buliga ,

i feel this is NOT OOB widget can you double check are you sure that its OOB?

find_real_file.png

 

or is there another way to double check that?