Tagged: , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 1, 2014 at 3:01 am #360535
    a00109943

    Hi there!

    Thanks so much for the great support! We are almost there!

    Quick question about the contact section we can include in enfold.

    http://alextomaszewski.com/contact

    I would like to put the title of each field inside the bar, and when you start typing it disappears. How would I go about doing this?

    This is what I would like ideally:

    http://alextomaszewski.com/wp-content/uploads/2014/12/example-contact-box.jpg

    Any help at all is greatly appreciated!

    Thanks!

    Benjamin

    December 1, 2014 at 4:30 pm #360826
    Yigit

    Hey a00109943!

    Please add following code to Functions.php file in Appearance > Editor

    function add_custom_script(){
?>
<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_company_1').attr('placeholder','Company *');
jQuery('input#avia_time_frame_1').attr('placeholder','Time Frame *');
jQuery('textarea#avia_message_1').attr('placeholder', 'Your message *');
jQuery('textarea#avia_brief_message_1').attr('placeholder', 'Your subject *'); 
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Regards,
    Yigit

    • This reply was modified 10 years ago by Yigit.
    December 2, 2014 at 4:05 am #361259
    a00109943

    Dear Yigit!

    Thanks! That works perfectly, minus the text area one, for some reason nothing shows up inside this box. Also, because we are including this text inside the boxes now, I need to remove the fields over top of the boxes.

    Any idea how to do that?

    thanks so much!

    You’re the best!

    Ben

    December 2, 2014 at 4:57 pm #361540
    Yigit

    Hey Ben!

    I updated the code i posted above, please use it now and to remove labels, please add following code to Quick CSS in Enfold theme options under General Styling tab

    fieldset label {
display: none!important;
}

    Cheers!
    Yigit

    December 2, 2014 at 6:34 pm #361664
    a00109943

    Thank you so much! That did the trick!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Fields inside contact bars instead of overtop.’ is closed to new replies.