Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 22, 2014 at 9:50 pm #339758
    DaveL77

    Hello,

    I have 2 issues regarding the comment section / area of a blog post.

    1. The “Name” and “Email” text are aligned awkwardly on the comment form. Image link attached.
    http://gyazo.com/e82291a4b9405f9740cd1ada042c0514

    How can we get this to show with the “Name” and “Email” text as left aligned instead of where they currently sit?

    2. Whenever you post a comment, but do not fill in a required field it takes you to a new page stating the error. Image link attached.
    http://gyazo.com/42ce9293e186a847cc4cb529d0d5f491

    Is there any way the error can be shown on the same page as the actual blog post? Sort of as a pop-up or something, instead of taking the user to a completely unstyled new page?

    October 24, 2014 at 7:36 am #340482
    Ismael

    Hey DaveL77!

    Thank you for using Enfold.

    1.) Add this on Quick CSS or custom.css:

    #commentform label {
position: absolute;
left: 10px;
font-size: 11px;
top: 0;
}

    2.) No, you can’t add a pop up error message without creating a custom script. Unfortunately, this particular task is beyond the scope of support, please hire a freelance developer for further customization or try this plugin: https://wordpress.org/plugins/wp-ajaxify-comments/

    Regards,
    Ismael

    October 27, 2014 at 6:49 pm #341670
    DaveL77

    The issue is ALMOST fixed! :)
    I have been able to move the text to the left, however the only issue now is that when I go to type my name or email into the fields, the “Name” and “Email” text does not disappear….

    What I’m talking about:
    http://gyazo.com/bbf915700e539a04f78cd15faaab8752

    Page link:
    http://hackjacket.com/blog/small-step-hackjacket/

    Aside from that, thank you for the plugin idea, that worked perfectly for our needs!!

    October 29, 2014 at 6:24 pm #342869
    Josue

    Hi,

    Try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
	  jQuery('#commentform input').on('blur', function(){ jQuery(this).siblings("label").show(); });
          jQuery('#commentform input').on('focus', function(){ jQuery(this).siblings("label").hide(); });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    March 5, 2016 at 2:31 am #593606
    Frankmen

    Hello Josue,

    i had exactly the same issue as DaveL77 …
    then I past your code in the functions.php and it works fine, when i have the focus in the Input field the description (Name,e-Mail,website) dissapear an i can make my input BUT when i move the Focus to the next field the descriptoin appears again overrides the text ?!?!

    is there a setting that the fielddescription dissapears when a text is entered in a field ??

    March 5, 2016 at 10:28 pm #593802
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    March 6, 2016 at 5:32 pm #593952
    Frankmen

    Hi Josue ,
    many thanks for answering.
    here is the URL, it’s not public because i’m always working on the site …

    March 8, 2016 at 11:14 am #594930
    Josue

    Hi!

    Try removing the labels + the JS code and adding placeholders with this method instead – http://help4cms.com/how-to-add-placeholders-to-the-wordpress-comment-form/.

    #commentform label {
    display: none !important;
}

    Cheers!
    Josue

    March 8, 2016 at 11:57 am #594953
    Frankmen

    thanks a lot for your support !!!

    it works PERFEKT …

    kind regards
    Frankmen

    March 9, 2016 at 7:56 am #595359
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.