{"id":14623526,"date":"2021-07-04T01:29:28","date_gmt":"2021-07-04T01:29:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/form-field-width-ignored\/"},"modified":"2021-07-04T01:29:28","modified_gmt":"2021-07-04T01:29:28","slug":"form-field-width-ignored","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/form-field-width-ignored\/","title":{"rendered":"Form Field Width Ignored"},"content":{"rendered":"<p>Hello, I am trying to make the width of the form fields more narrow\/responsive. I have tried several different CSS options, but they&#8217;ve all been ignored. Here is the current code I have in the stylesheet:<\/p>\n<p>.wpcf7 textarea, .wpcf7 select, .wpcf7 input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], {<br \/>\n    width: 50% !important;<br \/>\n}<\/p>\n<p>The input fields are still too width for mobile. What else can I try?<\/p>\n","protected":false},"template":"","class_list":["post-14623526","topic","type-topic","status-publish","hentry","topic-tag-width"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/14623526","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/14623526\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=14623526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}