Problems with Wordpress Contact Form 7 and 1/6 columns
Hi, I use the latest Wordpress and Contact Form 7 plugin. It works fine on Mac and Windows, on Chrome, Safari and Edge. Only on Firefox the 1/6 columns are not fully respected. They are too large and are overlapping other elements, (see 'Alter Kind 1, 2, 3, 4). Screenshot from Firefox and other Browser. Is there any css missing or is that a bug?
see here: https://bit.ly/43JRHwi
All Replies (3)
Unfortunately Firefox forum user and Firefox isn't in control of how plugins work and if they are broken you need to contact their plugin page contact list to inform them of the issue using their plugin.
Hi, this is not a plugin problem, but a browser problem. So I need to know what I need to do different to make the website work on Firefox. I can also ignore the 10% Firefox-Browser-users.
You have a rule to set the number input width in the left column:
.sunns-form .your-erwachsene input.wpcf7-form-control{width:50%;}
But I don't see a similar rule for the number input width in the one_sixth columns. As a result, I think the browsers are using their native control sizes for input[type="number"] which differs significantly. You can see that on display on https://developer.mozilla.org/docs/Web/HTML/Element/input/number --
For more consistency, how about adding a rule like this that keeps the number input about the same width as the text labels:
.one_sixth input.wpcf7-form-control{width:75px;}
And/or please let the plugin publisher know so they can update it for everyone.
