Not being able to edit the input size using custom css

  • Resolved farukdev01

    (@farukdev01)


    1 year, 6 months ago

    I want to be able to edit the input font size. I tried customizing it, and while it worked in the browser’s inspect CSS section, it doesn’t work on my customization page (Additional CSS).

    form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {

    font-size: 20px !important;

      }

      above is an example of the code i am using

      The page I need help with: [log in to see the link]

    Viewing 2 replies - 1 through 2 (of 2 total)
    • Plugin Support Robin Joshua Del Mundo

      (@robindelmundo)

      1 year, 6 months ago

      Hi @farukdev01 ,

      I’m glad you reached out because I know exactly how to help you with that situation.

      Checking your form in here — https://afinju.co.uk/donate/, you’re using our Visual Form Builder. Our forms load in an iframe to prevent the theme’s styles from interfering with it.

      You can use the Custom Styles section in the design tab to insert your custom CSS. This also encapsulates it for each form (meaning that the other elements or forms of your website would not be affected).

      You can check out this screenshot for visual guidance on where you can insert it on your form — https://share.zight.com/geuDrkrJ.

      I’m marking this one as resolved, as that should do the trick! But if you have further questions about this, shoot them here, and I’ll be happy to hop back in.

      Thank you for using GiveWP.

      Have a wonderful day!

      Thread Starter farukdev01

      (@farukdev01)

      1 year, 6 months ago

      Hi @robindelmundo

      Thank you for the response, the form i sent to you wasn’t created using Visual form builder, i used the option based builder, so i am not able to go to the page you embedded it in the response for my form, pls can you look into the custom css for the option based builder?

      Thank you

    Viewing 2 replies - 1 through 2 (of 2 total)

    The topic ‘Not being able to edit the input size using custom css’ is closed to new replies.