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
