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.

How to adjust the space between the emojis

B Ashok
Tera Guru

Hi All,

 

How to adjust the space between the emojis

 

BAshok_0-1724052479337.png

 

Thanks 

1 REPLY 1

_Tushar Soni
Kilo Sage
Kilo Sage

Hello @B Ashok ,

 

Identify the element containing the emojis: You need to know the HTML element where the emojis are placed. This could be a field, a label, or any other HTML element.

Apply custom CSS: You can apply custom CSS to increase or decrease the space between the emojis

 

Add custom CSS:

/* Adjust spacing between emojis */
.emoji-space-adjustment {
display: inline-block;
margin-right: 10px; /* Adjust this value to change the space */
}


Apply the CSS class to emojis
Wherever you are using emojis in your HTML or content, add the emoji-space-adjustment class to each emoji.

For example:

<span class="emoji-space-adjustment">😊</span>
<span class="emoji-space-adjustment">😂</span>
<span class="emoji-space-adjustment">😍</span>

 

If you found my response helpful, please consider marking it as "Helpful" or "Accept Solution." Thank you!