Custom Fields - aligning LABEL and data enteries

I’m looking for a way to align the LABEL of a custom field and the data entered into a custom field onto one line instead of them showing up as two separate lines on the invoice form and other forms.

example

LABEL → "Phone: "
data → “555-555-5555”

–I want it to look like—
Phone: 555-555-5555

–It currently looks like–
Phone:
555-555-5555

You need a custom theme that puts both Liquid variables on one line. This Guide will give you some ideas: https://www.manager.io/guides/17100. But your task will actually be easier, just one of combining things that are already adjacent in the code rather than separating to two locations.

read the guide on customizing themes https://www.manager.io/guides/10368
then find the below code

{% for field in custom_fields %}
        <tr>
            <td colspan="99">
                <div style="font-weight: bold; padding-top: 20px">{{ field.label }}</div>
                <div>{{ field.text | newline_to_br }}</div>
            </td>
        </tr>
{% endfor %}

replace it with the below code.

{% for field in custom_fields %}
        <tr>
            <td colspan="99">
                <div style="padding-top: 20px"><b>{{ field.label }}</b> {{ field.text | newline_to_break }}</div>
            </td>
        </tr>
{% endfor %}
1 Like

I had added code for each custom field per the guide.
Didn’t realize I would be duplicating it.
Once I deleted those lines, this code worked perfectly.
Thanks