Issue with Forminator field width

Hi @sg1magar

I hope you’re well today!

Would you mind sharing the CSS that you tried already and some additional description of what do you want to achieve?

It would make it easier for us to check the form on your site and provide some useful help.

Thank you in advance!

Best regards,
Adam

Thankyou for your prompt reply.
Inside the gield group
I want the column width of 商品名 (name-11) 80% and rest 10% each.
i inserted the css forminator-field-textarea-2 for name-11.
Best Regards

Hi @sg1magar

Since we are using Display Flex for the parent element the width attribute is not working here. You can try using the following css code:

#name-11 {
    flex-grow: 8;
}

Please add into the form editor under the appearance => custom CSS, you may change the flex-grow number to find the best size fits your needs.

Best Regards,
Amin

Thankyou Admin,
It changed the column width of initial defult column but when I repeat the group the next row’s column width remained unchanged.

Best Regards

I also tried field > styling > Additional Css Classes > kanamename and using this css name in customize css .kanamename { flex-grow: 8; } but nothing changed.

Hi @sg1magar,

Wouldn’t you mind sharing an export of the form so that we can take a closer look at this and help you further? Please share the export of the form using Google Drive or Pastebin.com.

I hope the following guide comes in handy: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

Kind Regards,
Nebu John

Hi Nebu John I have attached the export file in this drive.
https://drive.google.com/file/d/17yZGdwnZOtuLwGejXDztAuUNnp13CWmi/view?usp=drive_link

Looking forward for your solution
Best Regards

Hi @sg1magar,

It appears the Form export shared from Google Drive is private, so I couldn’t check it. You’ll have to make the URL public if you want us to access it.

However, I gave a quick check via the page and it appears the following CSS should work based on the existing class you have added:

#group-1 > .forminator-all-group-copies > .forminator-grouped-fields > .forminator-row > .kanamename {
	flex-grow: 8;
}

Could you please check and see how that goes? You can add the CSS via the default WordPress customizer, under Appearance > Customize > Additional CSS.

Please do let us know how that goes.

Kind Regards,

Nithin

Thankyou Very Much Nithin
It worked properly.

Best Regards