Shrink Total Amount Owed elemnt into one column

  • secretarybusa
    Asked on June 13, 2024 at 11:00 AM

    I had a second need in my original support request:

    Additionally, I would like the Total Amount Owed element to shrink to one-column width and be right justified.

  • Jovito JotForm Support
    Replied on June 13, 2024 at 11:17 AM

    Hi Pam,

    You can add use a CSS code to make your element shrink into one column and have it right justified. Let me show you how:

    1. In Form Builder, click Form Designer.

    Shrink Total Amount Owed elemnt into one column Image 1 Screenshot 30

    2. Go to Styles and append this CSS code below in the text area:

    /*Make total amount into one column - 15893631*/
    input#input_175_donation {
      text-align: right;
      padding-right: 50px !important;
    }
    span.donation_currency {
      margin-top: -5px;
    }
    li#id_175 {
      width: 350px;
    }
    /*ends here*/

    Shrink Total Amount Owed elemnt into one column Image 2 Screenshot 41Give it a try and let us know how it goes.

 
Your Answer