Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 21, 2022 at 12:46 pm #1373352
    TakiwaSoulArt

    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

    November 22, 2022 at 5:23 am #1373449
    Ismael

    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

    November 22, 2022 at 1:17 pm #1373491
    TakiwaSoulArt

    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

    November 23, 2022 at 7:28 am #1373605
    Ismael

    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

    November 23, 2022 at 1:48 pm #1373639
    TakiwaSoulArt

    Hi Ismael,

    the access data are in the private content.

    Best regards, Sabine

    November 24, 2022 at 7:25 am #1373700
    Ismael

    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

    November 24, 2022 at 7:07 pm #1373809
    TakiwaSoulArt

    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

    November 25, 2022 at 9:06 am #1373835
    Ismael

    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

    November 25, 2022 at 12:26 pm #1373860
    TakiwaSoulArt

    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

    • This reply was modified 1 year, 12 months ago by TakiwaSoulArt.
    November 27, 2022 at 10:32 pm #1374070
    Mike

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘customize comment form’ is closed to new replies.