Move Currency Next to Amount

  • Resolved advteksol

    (@advteksol)


    8 years, 10 months ago

    I would like to move the currency indicator (ex. USD) next to the amount box (i.e. on the same line) on the shortcode. I am using it in a widget for donations (they can fill in the amount) and it currently is on the line under the amount field. I would like to be able to shorten the widget area by doing this. How would I go about it?

    Thanks.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Support mbrsolution

    (@mbrsolution)

    8 years, 10 months ago

    Hi, can you share your URL with the widget so that I can check to see what you mean.

    Thank you

    Thread Starter advteksol

    (@advteksol)

    8 years, 10 months ago

    https://biz-intercessors.net/blog/

    Right corner.

    Thanks.

    Plugin Support mbrsolution

    (@mbrsolution)

    8 years, 10 months ago

    Hi, I checked your website and at present it can’t be done. The currency is added using span HTML tags. But the span does not have a class or ID selector assigned to it. The plugin developers will investigate further your request.

    Thank you

    Plugin Author mra13

    (@mra13)

    8 years, 10 months ago

    Normally the currency symbol does go beside the input field. Something on your site has a CSS that is pushing the currency field to the next line.

    Do a theme switching test to make sure it is not your theme. Temporarily switch to one of the default wordpress theme’s and check the shortcode output.

    Thread Starter advteksol

    (@advteksol)

    8 years, 10 months ago

    Tried it. Twenty-Fifteen does move the currency field next to the amount field. Twenty-Seventeen does not (currency field is below the amount field).

    Thanks.

    Plugin Author mra13

    (@mra13)

    8 years, 10 months ago

    Some themes want the input field to be on its own line. It doesn’t allow anything else beside the input field (different theme prefers different style). Our plugin can’t do anything about that. It will need to be customized using CSS.

    Plugin Contributor Alexander C.

    (@alexanderfoxc)

    8 years, 10 months ago

    Hi @advteksol.

    Actually, you can move the currency symbol where you want it on your site. Here’s a quick and dirty fix for this.

    What you need is to add following CSS to your stylesheet:

    input#stripeAmount_0 {
    display: inline !important;
}

    And here is the result:

    The result

    • This reply was modified 8 years, 10 months ago by Alexander C.. Reason: First reply was a bit invalid :-)
    Thread Starter advteksol

    (@advteksol)

    8 years, 10 months ago

    That works great! Thank you.

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

The topic ‘Move Currency Next to Amount’ is closed to new replies.

Tags