Formatting custom fields

  • Resolved Eirik Vorland

    (@kjelldasensei)


    3 years, 3 months ago

    Hi,

    I am seeking help with a little issue that is not causing a big problem, just a little annoyance.

    In one of the WooCommerce stores we manage, we have a custom checkout field. This is a SELECT field, with three options (all three are entered with a capital first letter). In the admin order page, this value shows up formatted with a capital first letter, just as it does on the front end.

    But when I add it to the PDF invoice using the [wcj_order_checkout_field field_id=”order_wcj_checkout_field_2″] shortcode, the PDF outputs the value in all lowercase. I tried capitalizing it with CSS, but had no luck.

    Is there an easy fix to get the value formatted correctly in the PDF invoice?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support David G

    (@gravid7)

    Hi @kjelldasensei

    Thanks for reaching out to us. If possible you can add inline CSS and add shortcode to that tag. Please see the below example, I used the <p> tag and uppercase property.

    <p style=”text-transform:uppercase”>[wcj_order_checkout_field field_id=”order_wcj_checkout_field_2″]</p>

    Let us know if you have further queries.

    Thread Starter Eirik Vorland

    (@kjelldasensei)

    Thanks, this worked.

    I tried adding the css code to the <td>, but when that failed I didn’t even try adding it to a <p> tag. That should have been obvious.

    Thank you for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formatting custom fields’ is closed to new replies.