Can't edit CSS on custom invoice template


I’m trying to align my invoice terms on my pdf.
I put the following in the CSS code:
[data-ref=“total_table-terms”] {
color: #AAA9A9;

It changes the color of the text so i know it works and i have the correct element.

But when i try so i can align the text more beautiful to the eye, it does nothing.
[data-ref=“total_table-terms”] {
text-align: justify;

What am i doing wrong?


I found a solution here which seems to work.

[data-ref=total_table-terms] {
  text-align: justify !important;

[data-ref=total_table-terms] :after {
  content: '';
  display: inline-block;
  width: 100%;

Hi hillel,

Wow, i wasn’t expecting a reply so quick, and yes it works perfectly so thank you very much!

Glad to hear it, happy to help!