Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #744418

    Hi,

    I’m trying to make this CSS adjustment to a form – so the dollar sign and the donation amount are on the same line. But it’s not working. Here’s my code:

    form[id*=”give-form”] .give-donation-amount #give-amount, form[id*=”give-form”] .give-donation-amount #give-amount-text {
    width: inherit;
    }

    The site and page are in private content.

    Thanks,
    G.

    #746281

    Hey connect4consulting,

    I just want to confirm if you want to align them vertically? the code you are using won’t work, this is the right css code for the $ (I adjusted it’s vertical position):

    #give-form-290 .give-donation-amount .give-currency-symbol {
        line-height: 32px;
    }

    and this one is for the donation input:

    #give-form-290 .give-donation-amount .give-text-input {
    
    }

    Hope this helps :)

    Best regards,
    Nikko

    #746486

    Hi Nikko,

    What I want is for the $ sign and the donation input to be on the same horizontal line. Right now it’s separated ($ sign on top line and input below) and looks strange.

    Thanks for your help.

    Gabe

    #746489

    Hey!

    It does show up fine on my end. I attached a screenshot in private content field.
    If that is not what you meant, can you please post a screenshot and show the changes you would like to make?

    Regards,
    Yigit

    #746491

    Hi Yigit,
    I see it now – just had to refresh the page. :)
    Thanks!
    Gabe

    #746494

    Hi!

    Not at all :) Let us know if you have any other questions or issues

    Regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.