Help Text in Bold - Record Producer from Portal

piyushkumar
Kilo Contributor

Hi,

In the record producer under the Annotations >> Help Text "Description is written for the end user"

When the end user opens the portal and tries to read the text it's very hard to read because it's kind of not black in font or blurry. 

See screenshot -

find_real_file.png

I want to make the description font in bold and black. Any suggestions or code??

Regards,

Piyush

 

4 REPLIES 4

Swathi12
Tera Expert

Hi Piyush,

 

The styling is done by the class 

help-block { displayblock;
 margin-top5px;
margin-bottom10px;
color#b1b1b1;
}
 
In the widgets for order guide and catalog item , in the css file add the class with the same name as above :
 
help-block: { displayblock;
 margin-top5px;
margin-bottom10px;
color: black;
}
I have made the color black , you can add any styling in css and try it out.
 
Please do mark this answer correct and helpful if it resolved your query.
 
Regards,
Swathi
 

Steven Herrmann
Giga Guru

Hey there Piyush,

I think that this link will give you the information that you need:

https://community.servicenow.com/community?id=community_question&sys_id=88448b29dbd8dbc01dcaf3231f96...

If my reply helps you at all, I'd really appreciate it if you click the Helpful button and if my reply is the answer you were looking for, it would be awesome if you could click the Accepted Solution button!  🙂

Have a great day!

Steve

Alikutty A
Tera Sage

Hi,

Please following these steps to update the styles for your help text

1. Control + Right click on the your widget in portal and open the widget in Page Designer.

2. Apply the following CSS in the Page settings at top right corner in the designer. Add this in the Page specific CSS

.m-b-xs{
 font-weight: bold;
 color: black;
}

 

 

sandeep24
Tera Guru

Hi Piyush,

 

User Instruction in place of help text. See screenshot below.

 

Source code will be like <p><strong>enter user name</strong></p>

 

 

find_real_file.png

 

In portal

 

find_real_file.png