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

RichardSaunders · ‎03-25-2022

Did you ever get this working, i am getting the same issue with the widgets shifting position rather than resizing the widget. I have tried the css on the page and within the instance.

prashantdharne · ‎02-09-2024

If anyone is still struggling with this, just add the below code in the sp_instance_link for each icons. The height attribute is what you need to add

a.color_box {
display: block;
position: relative;
padding: 2rem 2rem 2rem 8.2rem;
border-radius: 0.4rem;
margin-bottom: 2rem;
height: 105px;
}