Layout mismatch between Builder Preview and Generated Certificate
-
Hi Academy LMS Support Team,
I am experiencing a critical alignment issue with the Certificate Builder using aBlocks.
The Problem: When I design the certificate in the editor, everything looks perfectly aligned over my background image. However, when the certificate is actually generated (Frontend/PDF), the dynamic placeholders like
{{learner}},{{course_title}}, and{{completion_date}}shift significantly from their intended positions.Technical Details:
- I am using a custom PNG background image.
- I have used a Container with a fixed width to ensure consistency.
- Despite the preview showing the text correctly over the lines of my design, the output is completely different.
What I need:
- How can I ensure that the ‘Preview’ matches the ‘Final Output’ exactly?
- Is there a specific CSS or setting in aBlocks to ‘lock’ the absolute position of the placeholders regardless of the screen size?
I have attached a screenshot of my intended design. Looking forward to your help.
Best regards. Luigi

You must be logged in to reply to this topic.