Align the image with text from description on service portal

Anubhav24
Mega Sage
Mega Sage

Hi All,

 

I have a small query , on service portal on the request form :

Anubhav24_0-1698910684125.png

As we can see in this image the text from description is not aligned with the image. This item is from PDI

How can we achieve this?

3 REPLIES 3

Vishal Birajdar
Giga Sage

Hi @Anubhav24 

 

You can adjust the spacing in description on catalog item 

 

VishalBirajdar_0-1698911837632.png

 

 

VishalBirajdar_1-1698911855419.png

 

 

OR adjust the image

 

Vishal Birajdar
ServiceNow Developer

I know one thing, and that is that I know nothing.
- Socrates

by adjusting image you mean resize it ? I tired with spacing but wanted to know if there is any configuration behind it but again modifying css will affect all items 

Wybren1
Tera Guru

Unfortunatly the css selector isn't "great", but still doable.

I've set the page specific css to align the image and text in the middle using flex.

div[aria-label="Item Details"] > div:nth-of-type(2) {
  display: flex;
  align-items: center;
}


Wybren1_0-1698913171601.png

Hope that helps 🙂