Conversation
supportIt seems that the field width of input fields has been modified with version 5.4.6.7 ? I’m using currency fields which should be able to display 6 digits, a thousand separator and a currency sign. With the new version of CFF these characters don’t fit in the field anymore. I found that the class “dfield” has now a width of 28%. In an earlier version is was 30%. Btw.: I’m using size “Large” for my fields. How can I resolve this problem?
Hello @tooni Could you please share the link to the page where the form is published so we can review the reported issue? The changes applied were limited to the default field size for number, currency, and slider controls. Previously, these fields were set to use the “small” width by default, and we have updated this to “medium.” Please note that this change does not affect fields whose size has been explicitly configured through their individual settings. Best regards.
The related page ist: https://der-privatier.com/abfindungsrechner For testing you could enter a 6-digit number in the first empty input field and then leave the field. It will not show the complete content.
Hello @tooni Thank you very much. The issue is simple and it is not related to the plugin update. Please review the inline styles defined in the “Customize Form Design” setting. In particular: #fbuilder .large { width: 80% !important; } You’re unintentionally narrowing your input fields through custom styling. Please take a moment to watch the following video: https://cff.dwbooster.com/resources/customer-support/2026/04/25/video.mp4 You just need to remove the CSS rule added through the “Customize Form Design” option in Form Settings → Advanced Settings . Best regards.
Thank you for your suggestion. And I’m sorry that I forgot to mention my custom stylings. I forgot them, because I did this several years ago and never had to touch them again. But that also means, my custom stylings cannot be the reason why the fields are now smaller than in previous versions of CFF. There must have been a modification in one of the plugin versions. Maybe is was not the latest version which caused the problem. Maybe I just didn’t notice it in earlier versions. However – if your final suggestion is to adjust my custom styling, I can do this. This reply was modified 1 month ago by Tooni .
Hello @tooni Yes, please, edit the styles and let me know to review your form again. Best regards.
I have now changed my custom styling for the “large” size of a field to 85% (from 80% before). That looks okay now. I’m just a bit worried, if there might be some more things to do, which I didn’t notice up to now. I have nearly 40 lines of custom style settings and I do not remember the reason of each individual setting. However – thank you very much for your effort. I consider this as solved.
Hello @tooni Thank you very much for your feedback. Your form looks great. However, if you’d like the input fields to extend all the way to the right edge of the form, you can simply remove that CSS rule. Best regards.
Thank you for the additional advice. I have now removed the css rule completely and it looks much better. Thank you and best regards, Tooni
Hello @tooni Your form looks great now—clean, well-structured, and visually appealing. Best regards.
Hello @tooni Could you please share the link to the page where the form is published so we can review the reported issue? The changes applied were limited to the default field size for number, currency, and slider controls. Previously, these fields were set to use the “small” width by default, and we have updated this to “medium.” Please note that this change does not affect fields whose size has been explicitly configured through their individual settings. Best regards.
The related page ist: https://der-privatier.com/abfindungsrechner For testing you could enter a 6-digit number in the first empty input field and then leave the field. It will not show the complete content.
Hello @tooni Thank you very much. The issue is simple and it is not related to the plugin update. Please review the inline styles defined in the “Customize Form Design” setting. In particular: #fbuilder .large { width: 80% !important; } You’re unintentionally narrowing your input fields through custom styling. Please take a moment to watch the following video: https://cff.dwbooster.com/resources/customer-support/2026/04/25/video.mp4 You just need to remove the CSS rule added through the “Customize Form Design” option in Form Settings → Advanced Settings . Best regards.
Thank you for your suggestion. And I’m sorry that I forgot to mention my custom stylings. I forgot them, because I did this several years ago and never had to touch them again. But that also means, my custom stylings cannot be the reason why the fields are now smaller than in previous versions of CFF. There must have been a modification in one of the plugin versions. Maybe is was not the latest version which caused the problem. Maybe I just didn’t notice it in earlier versions. However – if your final suggestion is to adjust my custom styling, I can do this. This reply was modified 1 month ago by Tooni .
Hello @tooni Yes, please, edit the styles and let me know to review your form again. Best regards.
I have now changed my custom styling for the “large” size of a field to 85% (from 80% before). That looks okay now. I’m just a bit worried, if there might be some more things to do, which I didn’t notice up to now. I have nearly 40 lines of custom style settings and I do not remember the reason of each individual setting. However – thank you very much for your effort. I consider this as solved.
Hello @tooni Thank you very much for your feedback. Your form looks great. However, if you’d like the input fields to extend all the way to the right edge of the form, you can simply remove that CSS rule. Best regards.
Thank you for the additional advice. I have now removed the css rule completely and it looks much better. Thank you and best regards, Tooni
Hello @tooni Your form looks great now—clean, well-structured, and visually appealing. Best regards.