Currency field up/down arrows

  • Resolved terriz

    (@terriz)


    3 years, 3 months ago

    How do I remove these? I have 3- or 4-across and the arrows muck up the display of the label.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Williams – WPMU DEV Support

    (@wpmudev-support8)

    Hi @terriz

    I hope you’re well today!

    These arrows are standard thing for “number” type input fields, not really added by Forminator. You can remove them with a bit of additional CSS.

    1. edit each of the currency fields from which you want to remove them and in “styling” section add your own class name (in my example I added “mycurrency1”)

    2. add following CSS to your site (replace “.mycurrency1” with the class name that you used)

    .mycurrency1 .forminator-field input::-webkit-outer-spin-button,
.mycurrency1 .forminator-field input::-webkit-inner-spin-button,
.mycurrency1 .forminator-is_hover input::-webkit-outer-spin-button, 
.mycurrency1 .forminator-is_hover input::-webkit-inner-spin-button {
	-webkit-appearance: none;
  margin: 0;
}

.mycurrency1 .forminator-field input,
.mycurrency1 .forminator-is_hover input {
	-moz-appearance: textfield;
}

    It’s best to add such CSS via “Appearance -> Customize -> Additional CSS” option.

    Note: you may need to clear all caches (site/browser) after adding it to see changes.

    Best regards,
    Adam

    Thread Starter terriz

    (@terriz)

    Perfect! Thanks for the quick reply ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Currency field up/down arrows’ is closed to new replies.