Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #339758

    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?

    #340482

    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

    #341670

    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!!

    #342869

    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

    #593606

    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 ??

    #593802

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #593952

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

    #594930

    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

    #594953

    thanks a lot for your support !!!

    it works PERFEKT

    kind regards
    Frankmen

    #595359

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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