http://www.kriesi.at/support/topic/moving-contact-form-labels-above-fields Support Forum - Topic: Moving Contact Form Labels Above Fields en-US Sun, 19 May 2013 22:45:46 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/moving-contact-form-labels-above-fields#post-85245 Sun, 25 Nov 2012 01:19:37 +0000 Ismael 85245@http://www.kriesi.at/support/ <p>Hey,</p> <p>@emoshun: Thanks.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/moving-contact-form-labels-above-fields#post-85236 Sat, 24 Nov 2012 21:46:55 +0000 emoshun 85236@http://www.kriesi.at/support/ <p>*moved this question to the correct theme sub forum. </p> http://www.kriesi.at/support/topic/moving-contact-form-labels-above-fields#post-71306 Thu, 16 Aug 2012 05:03:16 +0000 Mya 71306@http://www.kriesi.at/support/ <p>Hi NivedRed,</p> <p>If you open framework/php/class-form-generator.php and scroll to lines 155 - 157 you'll see the following:</p> <pre><code>$this-&gt;elements_html .= &quot;&lt;p class=&#39;&quot;.$p_class.&quot;&#39; id=&#39;element_$id&#39;&gt;&quot;; $this-&gt;elements_html .= &#39; &lt;input name=&quot;&#39;.$id.&#39;&quot; class=&quot;text_input &#39;.$element_class.&#39;&quot; type=&quot;text&quot; id=&quot;&#39;.$id.&#39;&quot; value=&quot;&#39;.$value.&#39;&quot;/&gt;&lt;label for=&quot;&#39;.$id.&#39;&quot;&gt;&#39;.$element[&#39;label&#39;].$required.&#39;&lt;/label&gt;&#39;; $this-&gt;elements_html .= &quot;&lt;/p&gt;&quot;;</code></pre> <p>The second $this has the code for the label which is this:</p> <p><code>&lt;label for=&quot;&#39;.$id.&#39;&quot;&gt;&#39;.$element[&#39;label&#39;].$required.&#39;&lt;/label&gt;</code></p> <p>I believe all you need to do is move that ahead of the input like this:</p> <pre><code>$this-&gt;elements_html .= &quot;&lt;p class=&#39;&quot;.$p_class.&quot;&#39; id=&#39;element_$id&#39;&gt;&quot;; $this-&gt;elements_html .= &#39; &lt;label for=&quot;&#39;.$id.&#39;&quot;&gt;&#39;.$element[&#39;label&#39;].$required.&#39;&lt;/label&gt;&lt;br /&gt;&lt;input name=&quot;&#39;.$id.&#39;&quot; class=&quot;text_input &#39;.$element_class.&#39;&quot; type=&quot;text&quot; id=&quot;&#39;.$id.&#39;&quot; value=&quot;&#39;.$value.&#39;&quot;/&gt;&#39;; $this-&gt;elements_html .= &quot;&lt;/p&gt;&quot;;</code></pre> <p>I added a BR in between so the label and input would be on separate lines.</p> <p>Try that and see what it does. You may have to modify the CSS to position it correctly.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/moving-contact-form-labels-above-fields#post-70977 Tue, 14 Aug 2012 14:41:25 +0000 NivedRed 70977@http://www.kriesi.at/support/ <p>I've looked through contact-form.php and class-form-generator.php but I can't seem to find a way to move the contact page field labels above the fields. I can do an inspect element in Chromium and slide the <code>&lt;label for="avia_first_and_last_name"&gt;First and Last Name*&lt;/label&gt;</code> above <code>&lt;p class="" id="element_avia_first_and_last_name"&gt; &lt;input name="avia_first_and_last_name" class="text_input is_empty" type="text" id="avia_first_and_last_name" value="" style="background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; "&gt;&lt;/p&gt;</code>, but I'm not sure how to translate that into the theme itself. I don't want to mess with the CSS files unless I know exactly what I should edit. Anybody have a solution? </p>