Blog post: Comment box

Hi guys,

at the end of my blog posts there's this comment box titled "Schreibe eine Antwort" eg. here https://www.mandala.de/hallo-welt/.

Is it possible for me to edit the content/text and style/eg. button? And if so, where can I do that?

Thanks!

Comments

  • edited October 2018
    Hi, @mandalawpadmin

    Copy & paste the below CSS in your theme's custom CSS box:

    /*Comment box text override*/
    .comment-title font font {
      display: none;
    }
    .comment-title font:after {
      content: 'Edit me to your own TEXT!!!';
    }
    /*Comment box text override*/


    /*Comment box button styles*/
    #commentform .form-submit input{
    box-shadow: 0 3px 0 0 #1052c0 !important;
    }
    #commentform .form-submit input[type="submit"] {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        border-radius: 3px;
        letter-spacing: 0.5px;
        margin: 0px 0 3px;
        padding: 12px 34px;
        font-weight: 600;
        width: auto;
        text-align: center;
        color: #ffffff;
        transition: all 0.4s ease 0s;
        border: none;
    }
    /*Comment box button styles*/

    * change the values to edit style of a button & let me know did it work!

    Thanks
  • edited October 2018
    Hi Imraz,

    part of it did work . I'm able to edit the style of the button. But I can't change the text. Maybe my expalnation wasn't too clear. I attach you a screenshot with yellow marks. I want to change all this text which I marked yellow.

    How can I do that?

    Thanks for your patience.
    Webriti.JPG
    34K
  • Hi,

    Your above screenshot shows four lines. Maybe you have used a plugin that makes it so. At my end, only I can see like as in this screenshot: http://prntscr.com/la8itr

    If possible please share your wp-login details so that I could better. My email address: [email protected]

    Let me know again!

    Thanks
  • Hi Imraz,

    when I logged out of my admin panel I also see the post like you did (your screenshot). Sorry, I didn't think of that.

    It would be nice to change
    1. the text of the two lines your arrows show to,
    2. the text of the button
    3. and to put some space between the ticking box and the sentence above the button
    Is that possible?
  • Hi, @mandalawpadmin

    Use the "Custom CSS and Javascript" plugin & Add JS Code in the plugin from below:

    jQuery(function($){
    $('.comment-form-section .comment-title h3').text('This is comment box headding - edit it');
    $('.comment-form-section form textarea').attr('placeholder', 'This is placehoslder - edit it' );
    $('.comment-form-section form .form-submit input.submit').val('This is submit button - edit it' );
    });


    *change the red text to your own text(in your language)



    To put space b/w the checkbox and the later sentence, use the below custom CSS to paste in custom CSS box:

    /*comment box check box: margin*/
    .comment-form-section form input[type="checkbox"]{
        margin-right: 12px;
    }
    /*comment box check box: margin*/
    /*to increase more gap between change the value 12 to more*/

    Let me know did it work!

    Thanks
  • Hi Imraz,

    thanks again. That works perfectly.
  • Glad to help you!

    If you would like to rate us, please rate us with your kind review HERE

    Thanks :)
This discussion has been closed.