{"id":2714,"date":"2020-04-08T08:58:28","date_gmt":"2020-04-08T07:58:28","guid":{"rendered":"https:\/\/ibex.tech\/wordpress-sites\/?p=2714"},"modified":"2022-02-17T07:15:07","modified_gmt":"2022-02-17T07:15:07","slug":"show-labels-above-field-boxes","status":"publish","type":"post","link":"https:\/\/ibex.tech\/wordpress-sites\/page-builders\/divi-wordpress-addons\/modules\/contact-form\/show-labels-above-field-boxes","title":{"rendered":"Show labels above field boxes"},"content":{"rendered":"\n<p>The Divi contact form shows its field labels inside the empty input boxes.  Use this CSS to show them above the boxes instead<\/p>\n\n\n\n<p>This is from: <a href=\"https:\/\/www.peeayecreative.com\/how-to-move-labels-above-input-fields-in-the-divi-contact-form\/\">https:\/\/www.peeayecreative.com\/how-to-move-labels-above-input-fields-in-the-divi-contact-form\/<\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\n\/*----- MOVE LABELS ABOVE THE FIELD BOXES -----*\/\n\/*add labels above the form input fields*\/\nlabel.et_pb_contact_form_label {\ndisplay: block !important;\n  font-weight: bold\n}\n\/*hide the extra label*\/\n.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {\n    display: none;\n}\n\/*make placehold text same color as field background*\/\n::-webkit-input-placeholder {\ncolor: #eee !important;\n}\n.my_contact :-moz-placeholder {\ncolor: #eee !important;\n}\n::-moz-placeholder {\ncolor: #eee !important;\n}\n:-ms-input-placeholder {\ncolor: #eee !important;\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>The Divi contact form shows its field labels inside the empty input boxes. Use this CSS to show them above the boxes instead This is from: https:\/\/www.peeayecreative.com\/how-to-move-labels-above-input-fields-in-the-divi-contact-form\/<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[231],"tags":[],"class_list":["post-2714","post","type-post","status-publish","format-standard","hentry","category-contact-form"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/posts\/2714","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/comments?post=2714"}],"version-history":[{"count":1,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/posts\/2714\/revisions"}],"predecessor-version":[{"id":2715,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/posts\/2714\/revisions\/2715"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/media?parent=2714"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/categories?post=2714"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/wordpress-sites\/wp-json\/wp\/v2\/tags?post=2714"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}