How to adjust size of an icon link widget on Service Portal?

Edwin Fuller · ‎09-25-2019

Below are 4 icon link widgets. How and where can I fix the size so that they are all equally the same size?

Mark Roethof · ‎09-25-2019

Have you verified that those Icon links have the "div.iconlink" class? Like in my image?

Looking at your comment and your new image, might it be that "Something is broken" and "Need something" are also Icon links? This would interfere if these have the same class unfortunately.

An other option would be, edit each Icon link Instance option, add a "Bootstrap class name":

Then, add this to the Page specific CSS.

This would change the Icon links, see below example (not pretty, but just an example)

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

Kind regards,

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

View solution in original post

john_duchock · ‎04-27-2020

@Mark Roethof

Your images are no longer displaying... can you repost the images or provide additional information?

JennyHu · ‎09-25-2019

To debug, use your web developer tool in your browser to inspect the icon link widget and see what's going on. You can even change the CSS on the fly to test out the style.

If you only want to apply the fixed height on the 4 specific icon link widgets, I would add the CSS in the widget instances. Otherwise, having the CSS in the page would apply the same style to all Icon Link widgets on the page as Mark suggested.

Mark Roethof · ‎09-30-2019

Hi there,

Did this solve your question? Or do we need to follow-up on this?

Please mark this answer as correct if it solves your question. This will help others who are looking for a similar solution. Also marking this answer as correct takes the post of the unsolved list.
Thanks.