Place currency symbol on the same line as imput field

  • Resolved Herky Fishbine

    (@herky-fishbine)


    5 years, 9 months ago

    Hello,

    Although I was able to put the currency symbol before the input field in the settings, it is above the input on a line by itself.

    How can I put it on the same line and to the left of the input field?

    WRONG:
    $
    [input]

    CORRECT:
    $[input]

    Thank you.

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

  • Hi @herky-fishbine,

    It looks like we need to change the display CSS property of your input field. Please try adding this to your custom CSS (e.g. to “Appearance > Customize > Additional CSS”):

    input.alg_open_price { display: inline !important; }

    Please let me know if that didn’t help.

    Hi again @herky-fishbine,

    P.S. Instead of using custom CSS, you can also use Input style option in plugin’s “Frontend Options” settings section and set it to e.g.:

    width: 75px; text-align: center; display: inline;

    • This reply was modified 5 years, 9 months ago by Algoritmika.
    Thread Starter Herky Fishbine

    (@herky-fishbine)

    Hello,

    I tried both of those and both made a change, but both put everything on the same line as the “Add to Cart” button. (I have the “Input field position” set to “Before Add to Cart Button” and position priority set to the default of “9999”, although it is not clear to me what position priority does.)

    Here is what I see now:

    [Add to Cart Button]Name Your Price $[input]

    Here is what I am trying to achieve:

    Name your price $[input]
    [Add to Cart button]

    OR

    Name your price
    $[input]
    [Add to cart button]

    Please let me know if I can help troubleshoot further.

    @herky-fishbine,

    Please check this reply for putting open pricing label/input and add to cart button on different lines.

    Thread Starter Herky Fishbine

    (@herky-fishbine)

    Yes! That worked. Thank you.

    Great, happy to hear it’s solved!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Place currency symbol on the same line as imput field’ is closed to new replies.