Givewp multi step donation form

  • Resolved enkaynigeria

    (@enkaynigeria)


    2 years, 8 months ago

    Hello,
    I am trying to adjust the top input box to accommodate many integers up to ?10,000,000.
    I have created the snippet below. While the textbox can vary. There is a problem adjusting the font size. What can be done?

    function override_iframe_template_styles_with_inline_styles() {
    wp_add_inline_style(
    /**
    * Below, use give-sequoia-template-css to style the multi-step donation form
    * or use give-donor-dashboards-app to style the donor dashboard
    */
    ‘give-sequoia-template-css’,
    ‘
    form[id*=give-form] .give-donation-amount
    input.give-amount-top {width: 240px !important;}
    input.give-amount-top {font-size: 6px}
    ‘
    );
    }

    add_action(‘wp_print_styles’, ‘override_iframe_template_styles_with_inline_styles’, 10);

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Rick Alday

    (@mrdaro)

    Hi,

    You’re on the right track. The font parameter also needs the !important declaration:

    form[id*=give-form] .give-donation-amount input.give-amount-top { font-size: 6px !important; }

    Hope it helps!

    Thread Starter enkaynigeria

    (@enkaynigeria)

    Thank you very much. It works!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Givewp multi step donation form’ is closed to new replies.