Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 8, 2017 at 5:00 pm #744418
    connect4consulting

    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.

    February 13, 2017 at 10:37 am #746281
    Nikko

    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

    February 13, 2017 at 4:26 pm #746486
    connect4consulting

    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

    February 13, 2017 at 4:30 pm #746489
    Yigit

    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

    February 13, 2017 at 4:32 pm #746491
    connect4consulting

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

    February 13, 2017 at 4:33 pm #746494
    Yigit

    Hi!

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

    Regards,
    Yigit

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