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.

Setting minimum font size in employee center portal theme

aiswaryabk
Tera Contributor

3 weeks ago

How can we set the minimum text font size in employee center portal EC theme 

0 Helpfuls
  • 387 Views
4 REPLIES 4

Dr Atul G- LNG
Tera Patron
Tera Patron

3 weeks ago

Hi @aiswaryabk 

any screenshot where you to want to set this?

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************
0 Helpfuls

aiswaryabk
Tera Contributor
In response to Dr Atul G- LNG

3 weeks ago

In the EC portal, the font-size should be minimum 16px. It should not go beyond that.

0 Helpfuls

Dr Atul G- LNG
Tera Patron
Tera Patron
In response to aiswaryabk

3 weeks ago

You mean catalog item size or any page or any content not more than 16size in font.

 

if this case I don’t think we can restrict this and more over what is business need for this?

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting " Accept as Solution" and " Helpful." This action benefits both the community and me.

Regards
Dr. Atul G. - Learn N Grow Together
ServiceNow Techno - Functional Trainer
LinkedIn: https://www.linkedin.com/in/dratulgrover
YouTube: https://www.youtube.com/@LearnNGrowTogetherwithAtulG
Topmate: https://topmate.io/atul_grover_lng [ Connect for 1-1 Session]

****************************************************************************************************************
0 Helpfuls

ChrisBurks
Giga Sage

3 weeks ago

Hi @aiswaryabk ,

 

Depending upon what you need you can use the CSS functions min(), max() or clamp().

Look at Mozilla's MDN CSS Reference or Google to find more information.

A basic usage syntax like all other CSS styling is that you use a selector and then apply the CSS property and value. For example if setting a responsive size on fonts:

div.main {
    font-size: clamp(1.5rem, 2.5vw, 4rem);
}

 

The html markup on this basic scenario

<html>
    <head>
        <title>Scenario Example</title>
    </head>
    <body>
        <div class="main">
            The font-size of this text varies depending on the base font of the page, and the size of the viewport.
        </div>
    </body>
</html>

 

Unfortunately there is no CSS min-font-size like there is for height and width (min-height and min-width respectiviely); So for best results you'll have to parse through the areas of the portal and pin-point where you feel the font-size gets too small; find a selector for those areas and use one of the CSS functions min(), max() or clamp() within a stylesheet for the EC theme. 

 

 

0 Helpfuls