Hi,
Please add this to quick css in the backend of the theme :
#commentform label {left: 2px; top: -25px}
#commentform p {padding: 0 0 40px 0}
The above takes care of the first issue, but affects all displays. If you only want to target the portrait mobile then instead use the css below
@media only screen and (max-width: 479px) {
#commentform label {left: 2px; top: -25px}
#commentform p {padding: 0 0 40px 0}
}
To change the contact form , please make a backup copy and then open class-form-generator.php in the /framework/php/ directory. Locate lines 155-157 which look like
$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>";
and replace them with this block:
$this->elements_html .= '<label for="'.$id.'">'.$required." ".$element['label'].'</label>';
$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.'"/>';
$this->elements_html .= "</p>";
Also please add the block below to Quick CSS
.ajax_form .textare_label {
top: -20px;
left: 0%;
margin-left: 0px;
}
.ajax_form p {
padding: 0 0 20px 0;
}
Let us know if it worked out as you needed.
Thanks,
Nick