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

    Hi,

    I have a third question to customize the comment form on the Website in the private link. The wishes are in a screenshot in the Dropbox. The field “Name” is not clickable, and the sentence to agree to the privacy policy is not in the same height as the tick box.

    Thank you for helping again,

    Best regards, Sabine

    #1373449

    Hey Sabine,

    Thank you for the inquiry.

    You can use this css code to adjust the width of the name and email field, and correct the position of the checkboxes.

    #commentform .comment-form-author, #commentform .comment-form-email {
        float: none;
        margin-right: 2%;
        width: calc(48%);
        display: inline-block;
    }
    
    #commentform .comment-form-author input, #commentform .comment-form-email input {
        width: 100% !important;
    }
    
    #commentform input[type='checkbox'] + label {
        left: 2.5em;
        display: inline-block;
    }

    Best regards,
    Ismael

    #1373491

    Hi Ismael,

    thank you – it helps a little bit. It’s difficult because I can’t see the elements I edit in the Customizer. I can’t see the entire comment function when I’m logged in. So I must switch between logged in and logged out and so I forgot, what I did before ….

    The line with the privacy statement is now flush with the checkbox, but the field where the name has to be entered still cannot be clicked.

    And there are still two items that I find difficult to adjust because I can’t see the result of the change due to the obstacles mentioned above.

    1. there is a ccheckbox and next to it the sentence: “Save my name, email address and website in this browser until I comment again”. Both are not at the same height and centred between the top and bottom boxes.

    2. the privacy checkbox and the sentence: “The privacy policy applies.” should still be a little higher and just below the comment field. The send button would then have to be moved up by the same value.

    Unfortunately, I can’t do this on my own – because I simply can’t see what I’m doing :)

    Thanks again for the help and best regards, Sabine

    #1373605

    Hi,

    Thank you for the update.

    The modification above works correctly when we applied it directly in the browser. Do you remove the cache or hard refresh the page before checking it? We may need to access the site in order to test modification further. Please provide the login details in the private field.

    Best regards,
    Ismael

    #1373639

    Hi Ismael,

    the access data are in the private content.

    Best regards, Sabine

    #1373700

    Hi,

    Thank you for the inquiry.

    We modified the css code a bit to make the input field accessible again and adjust the position of the checkboxes. You can find the code in the Quick CSS field.

    #commentform .comment-form-author, #commentform .comment-form-email {
        float: left;
        margin-right: 2%;
        width: calc(47%);
        z-index: 3;
    }
    
    #commentform .comment-form-author input, #commentform .comment-form-email input {
        width: 100% !important;
    }
    
    #commentform .comment-form-cookies-consent {
        z-index: 0;
    }
    
    #commentform input[type='checkbox'] + label {
        left: 2.5em;
        display: inline-block;
    }
    
    #commentform input + label[for="comment-form-av-privatepolicy"] {
        left: 0;
    }
    

    Best regards,
    Ismael

    #1373809

    Hi Ismael,

    thank you for the codes, but it’s not yet the way it should be – maybe I explained it wrong.

    I have put two more pictures in the Dropbox: the way it is now and a sketch of how it should be. Maybe it’s more understandable that way.

    Thanks again and best regards,
    Sabine

    #1373835

    Hi,

    We adjusted the css code again to reflect the changes in your screenshot. You can find the code in the Quick CSS field.

    #commentform .comment-form-author, #commentform .comment-form-email {
        float: left;
        z-index: 3;
    }
    
    #commentform .comment-form-author {
        margin-right: 10px;
        width: calc(50% - 10px);
    }
    
    #top #commentform .comment-form-email {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    
    #commentform .comment-form-author input, #commentform .comment-form-email input {
        width: 100% !important;
    }
    
    #commentform .comment-form-cookies-consent {
        z-index: 0;
    }
    
    #commentform input[type='checkbox'] + label {
        left: 0;
        display: inline-block;
    }
    
    #commentform .comment-form-cookies-consent input {
        top: 1px;
        position: relative;
    }
    
    #commentform input + label[for="comment-form-av-privatepolicy"] {
        left: 0;
    }
    
    #commentform .form-av-privatepolicy.comment-form-av-privatepolicy {
        top: -30px;
    }
    
    #commentform .form-av-privatepolicy.comment-form-av-privatepolicy input {
        top: 2px;
        position: relative;
    }
    

    Best regards,
    Ismael

    #1373860

    Hi Ismael,

    thank you so much and thank you for your patience – it is perfect now. I hope I check these codes with a little bit time – but I am optmistic … ;)

    Best regards and you can close this topic.
    Have a nice weekend

    Sabine

    #1374070

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘customize comment form’ is closed to new replies.