CSS for custom input field width in forminator

  • Resolved a1nur1g

    (@a1nur1g)


    3 years, 8 months ago

    I was wondering how can I use custom CSS to resize forminator fields. By default drag and drop interface allows fields to occupy equal width (33% and 50% each).

    But how can I achieve another alignment, such as 25%-75%, 33%-67%, 20% X 5, or other such layouts.

    I could resize the fields using custom CSS, but cannot display the resized fields inline.

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

    (@wpmudevsupport12)

    Hi @a1nur1g

    I hope you are doing well.

    I’m afraid it would require a custom CSS and some tricks to make the fields in the same line.

    You can give it a try making the fields 100% in the form and then use the display grid to manage the .forminator-row instead of the fields themselves.

    https://css-tricks.com/snippets/css/complete-guide-grid/

    I sent this request to the plugin team to improve the Grid system allowing to enter custom sizes.

    Let us know if you have any additional question on this, or need any help with custom CSS.

    Best Regards
    Patrick Freitas

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @a1nur1g

    I hope you are doing well and safe!

    We haven’t heard from you in a while, I’ll mark this thread as resolved.

    Feel free to let us know if you have any additional question or problem.

    Best Regards
    Patrick Freitas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS for custom input field width in forminator’ is closed to new replies.