How do i center this text in the app Order Printer?

Topic summary

Goal: Center the text “Tak for din ordre” in a Shopify Order Printer template (around line 980). The user tried the deprecated tag without success.

Proposed solutions:

  • Use inline CSS to center the paragraph (text-align: center) instead of .
  • If the text shifts but isn’t truly centered, widen the containing element so centering can apply properly. Suggested fix: add style attributes to make the container span full width (e.g., max-width: 100%; width: 100%).

Context/notes:

  • Order Printer is a Shopify app for printing order documents; alignment depends on the HTML/CSS structure and container widths.
  • “Inline CSS” means adding style=“…” directly on the element.
  • Images/screenshots were provided to show misalignment and where to add styles; they are helpful to understand the layout constraints.

Status: No confirmed resolution yet. The latest guidance is to ensure the wrapping element is full width and then apply text-align: center to the paragraph. The thread remains open pending user confirmation.

Summarized with AI on December 26. AI used: gpt-5.

Hello,

How to i center the tekst “Tak for din ordre” on line 980. I have tried to insert on different places, but I can’t get it to work.

Hopefully some of you can guide me in the right direction.

Hi @Mathias_JByJ

Please edit that code to this and check again


Tak for din ordre

Best regards,

Dan from Ryviu

Hello @Mathias_JByJ , Please add this inline CSS to that paragraph.


Tak for din ordre

If I managed to help you then, don’t forget to Like it and Mark it as a Solution!
Feel free to reach out if you have any questions or need assistance.
Best regards.

Thank you for replying!

Unfortunately it didn’t work. The text moved a bit, but not to the middle. Look at this image.

Please add this code here

style="max-width: 100%; width: 100%;"

1 Like