Form Style

Hey It’s very cool of you to provide such detailed support. I am trying to make much more compact contact forms. This php does put placeholder text inside the box but it leaves the Form Element Label visible and taking up space above the box. How can I remove the Label outside the box?

Also the code you provided does not seem to change the shortcode that I am trying to use in a text widget to make a form for footer. Am I missing some better way to do that?

BTW how can I make the submit bottom small and style font color?

http://www.edswaterproofing.com/eds_wp_new_site_here/

Damn, thanks a lot.

Hey guys if it helps I put my css and php mods below. The result is on this page: http://www.edswaterproofing.com/eds_wp_new_site_here/ It’s exactly what I was trying to accomplish.

fieldset p {
margin-top: 0;
}
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
width: 90%;
}
fieldset label {
display: none!important;
}
.modified_width .button {
width: 50%;
height:90%;
}
.main_color input[type=’submit’] {
color: white;
}
/*above styles contact form along with code added to functions.php*/

function add_custom_placeholder(){
?>
<script>
jQuery(window).load(function(){
jQuery(‘input#avia_name_1’).attr(‘placeholder’, ‘Name *’);
jQuery(‘input#avia_e-mail_1’).attr(‘placeholder’, ‘E-mail *’);
jQuery(‘input#avia_phone_1’).attr(‘placeholder’,’Phone’);
jQuery(‘textarea#avia_message_1’).attr(‘placeholder’, ‘Message *’);
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_custom_placeholder’);

// above added to functions php to style contact form