1

I need to change the space between label and input box. I already checked so many times to fix this using CSS but still unable to find a solution.

<div class="slds-col slds-size_1-of-2 custom-grid-right">
    <lightning-input-field field-name="Schedule__c" onchange={handleFieldChange} class="custom-input"></lightning-input-field>
    <lightning-input-field field-name="Bank__c" onchange={handleFieldChange} class="custom-input"></lightning-input-field>
    <lightning-input-field field-name="Instrument_ID__c" onchange={handleFieldChange}></lightning-input-field>
    <lightning-input-field field-name="Fund_ID__c" onchange={handleFieldChange} class="custom-input"></lightning-input-field>
    <lightning-input-field field-name="GL_ID_for_Payable__c" onchange={handleFieldChange} class="custom-input"></lightning-input-field>
</div>

Current output

Improve this question

1 Answer 1

Reset to default
2

you can try variant="label-hidden" for lightning-input-field and then you can use normal text or lightning-formatted-text to display label separately. After that you can use normal CSS to change the space between each label depending on your use case.

Improve this answer

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .