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 <label for="avia_first_and_last_name">First and Last Name*</label> above <p class="" id="element_avia_first_and_last_name"> <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; "></p>, 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?
Moving Contact Form Labels Above Fields
4 posts from 4 voices- Started 10 months ago by NivedRed
- Latest reply from Ismael
- This topic is closed
- This topic is resolved
-
Posted 10 months ago #
-
Hi NivedRed,
If you open framework/php/class-form-generator.php and scroll to lines 155 - 157 you'll see the following:
$this->elements_html .= "<p class='".$p_class."' id='element_$id'>"; $this->elements_html .= ' <input name="'.$id.'" class="text_input '.$element_class.'" type="text" id="'.$id.'" value="'.$value.'"/><label for="'.$id.'">'.$element['label'].$required.'</label>'; $this->elements_html .= "</p>";The second $this has the code for the label which is this:
<label for="'.$id.'">'.$element['label'].$required.'</label>I believe all you need to do is move that ahead of the input like this:
$this->elements_html .= "<p class='".$p_class."' id='element_$id'>"; $this->elements_html .= ' <label for="'.$id.'">'.$element['label'].$required.'</label><br /><input name="'.$id.'" class="text_input '.$element_class.'" type="text" id="'.$id.'" value="'.$value.'"/>'; $this->elements_html .= "</p>";I added a BR in between so the label and input would be on separate lines.
Try that and see what it does. You may have to modify the CSS to position it correctly.
Regards,
MyaPosted 10 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
