ServiceNow Business Portal - Product Catalog Zoom/font size Issue

[Elena Spıru]

Hello,

In the OOTB business portal, the product catalog is displayed in this way:

I've created a copy of it and changed some colors(but used the same theme, main menu, catalog/KB/home page, login page) but when I open the product catalog in the copied business portal it looks zoomed out:

I've inspected both portals and I see that the font size in the OOTB is 24px and in the copy it shows as 15px. 
What can I do to have the copy the same as the OOTB portal? Is it something related to the page?

Any ideas?

Thank you,
Elena

[Tanushree Maiti]

Hi @Elena Spıru 

1) Even if you copied the theme, the Page Record might not have been copied properly or its CSS might be missing.

• Navigate to portal->page and open that page on your new portal.
• Check the CSS field on the page record to see if it is empty.
• Compare it to the Page-Specific CSS on the original portal page

2)Cloning a widget doesn't always copy the custom CSS applied to it on a specific page. 

• Go to Service Portal > Pages, open your catalog page, and look at the Widget Instances related list.
• Open the relevant SC Catalog Item widget instance and check the CSS field there.
• Often, the original widget instance has custom CSS that makes it fit properly

3) If you created a new theme, ensure all CSS Includes from the original theme are linked. 

• Go to Service Portal > Themes and open your new theme.
• Check the CSS Includes related list. If the original theme uses a specific stylesheet for catalog items, it must be added here.