Can't edit CSS on custom invoice template

Self-Hosted | v5
1

Hello,

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?

2

Hi,

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%;
}
3

Hi hillel,

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

4

Glad to hear it, happy to help!