CSS Customization for account balance display

I am trying to customise the css so that I can display the error under limited screen place but, not able to do. Can you help me to understand how can this will be achievable? I had gone through the documentation and saw dwolla-error is indeed customizable for .

Hi @Pratibha_Rai1!

Is your drop-ion component wrapped in a container div with a set width? If not, I’d give it a try and see if it fixes the UI issue.

Yes @shreya I am using div. Shall I remove it? And one more thing is it possible to resize the component?

Hi Pratibha, I would keep the div and give it the desired width that you’d like.

Here’s an example from our examples repo on GitHub:

<div class="orange-border">
  <dwolla-balance-display customerId="{{customer.id}}"></dwolla-balance-display>
</div>

#css
.orange-border {
    padding: 20px;
    width: 470px;
    margin-left: auto;
    margin-right: auto;
}

Yes, you can resize and update the styles of the balance display component using the classnames and IDs listed in this CSS file - drop-ins-examples/balance.css at main · Dwolla/drop-ins-examples · GitHub

Thanks @shreya for the explanation. I will follow the same for the implementation.