For Zoho Services only:

I'm actually part of a bigger team at Ascent Business Solutions where we have support technicians and project consultants. Support is for smaller technical fixes but this can include developments, reports or integrations; depending on the size of the task. Projects are for more time-consuming developments such as revamps of the Zoho Suite of apps or on-site training. The advantage of a team is that if I am out-of-office for a day or so, there is always someone at Ascent Business Solutions who can deal with any queries/issues you may have.

Our support rates can be found and purchased at A support bundle doesn't have an expiry date. So whether we can do what you want within the bundle and a year later need further support, if there are minutes left on the bundle then there is no additional charge.

Our project rates for bigger developments can be found at and will involve a dedicated project consultant along with developers who will hold your hand through the development process.

If you want help building a solution for one of the Zoho Apps in the Zoho Suite, contact us on 0121 392 8140 (UK) or by email at You can also visit our website at

I regularly build and specialize in 2-way API integrations for Xero, Shopify and eBay.

Zoho Templates - Font size is inexplicably tiny

This is an article resolving an issue where a template will shrink all the text when in PDF preview.

Ok doesn't need a song and dance about it, but I went home yesterday downtrodden by an issue which I'd been working on for most of the day where I would remove all the styling and the text would still appear small. Sure I resized the text to about 46pt and everything was over 3000px in width but this is not good for a final solution. I thought maybe there was a setting for the default font size or where I've accidentally zoomed out in the browser... but these were red herrings as I have other templates that work fine.

The error is one of those that you wouldn't consider relevant in this case, after all, all styling was removed... Here are two screenshots to demonstrate the issue:

Screenshot #1:
This screenshot is of the PDF preview of my HTML code where I've had to set the font size to 46pt throughout the template:
Issue - Quote Templates - Mini Text

Screenshot #2:
This screenshot is of the PDF preview of my HTML code where I've selected a quote and applied a template to it:
Issue - Quote Templates - Mini Text

The Solution
After removing all styling, taking away classes and ID fields that might have been reserved for Zoho rendering (which did nothing to fix this problem), I found the cause of all the pain. I was setting a cover page (as per the client's requirements) with a background image and the logo floating over it at the center of the page as well as a logo fixed to the header of every page. The logo image was quite a big image at 2501x805 pixels. By resizing it to the final output size (464x99 pixels), cropping out excess whitespace, and re-uploading this fixed the problem.

Step #1
Remove any images that you uploaded to Zoho and you've included in your HTML — this will be something like img src="<a_very_long_hexadecimal_string>: You should find your code now previews at a normal font size.

Step #2
Create your template without uploading images and style with your CSS.

Step #3
Resize the images with a separate program that you want to use in the template and try to set them to the size that they will print out in. Then re-upload them noting the SRC of the image so that you can position it as per your requirements.

That should do it....

The Gist
Don't load in images bigger than an A4 sheet...

Additional Notes
I found that some classes are reserved words used by the Zoho built-in renderer. I am making a list here to see if that helps:
  • Wrapping all your HTML in <div id="container">: Ok it's used in bootstrap and few other frameworks so this should be obvious, but for some reason the header and footer of my code set with CSS {position:fixed} won't display on the first/cover page if I wrap the code in a DIV with ID = container and have an image which covers them both... Which is an unintended but desired effect.
  • Class .page: I actually like using this class because it's pretty descriptive. Unfortunately setting the width/height in cm was causing havoc to my template. Specifying only a font-size, font-family, margins and page-break-after was pretty much the only change I can do to this class.

Credit where Credit is Due:

Feel free to copy, redistribute and share this information. All that we ask is that you attribute credit and possibly even a link back to this website as it really helps in our search engine rankings.

Disclaimer: The information on this website is provided without warranty and any content is merely the opinion of the author. Please try to test in development environments prior to adapting them to your production environments. The articles are written in good faith and, at the time of print, are working examples used in a commercial setting.

Thank you for visiting and, as always, we hope this website was of some use to you!

Kind Regards,

Joel Lipman

Related Articles

Joes Revolver Map

Joes Word Cloud

template   templates   styling   text   font   reserved   preview   using   classes   size   remove   zoho   would   problem   fixed   requirements   html   width   class   setting   screenshot   over   issue   should   images   where   header   image   pixels   46pt   step   cover   been   final   after   them   solution   obvious   uploading   about   page   list   actually   style   resize   used   pretty   logo   without   code   JoelLipman.Com


Badge - Certified Zoho Creator Associate
Badge - Certified Zoho Creator Associate

Donate & Support

If you like my content, and would like to support this sharing site, feel free to donate using a method below:

Donate to Joel Lipman via PayPal

Donate to Joel Lipman with Bitcoin - Valid till 8 May 2022 bc1qjtp4l4ra452wzvuk9a45yfj82zkahsyy2z379y
© 2022 Joel Lipman .com. All Rights Reserved.