• Resolved Svetoslav S.

    (@svetoslav13)


    Hello,

    I have two questions

    1. Is it possible to move “leave a reply” box higher so that it appears before the replies? The native functionality makes it a bit counterintuitive to leave a reply because first you need to scroll through hundreds of existing replies.

    2. Since one of the recent updates my site started showing the following error on every page before the comments section:

    Warning: Division by zero in /home/customer/www/localguidebg.com/public_html/wp-includes/comment-template.php on line 1457

    Do you have any idea what could be causing it?

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 18 total)
  • Hello @svetoslav13

    Let’s try to address your questions.

    1. No, unfortunately these aren’t modifiable for now, as we follow the core developer guidelines. Though, I have noted this in our feature requests list and hopefully our development team will be able to implement something in a future update.

    2. No, the error isn’t coming from our end. As you can see, WP’s core files are referenced, so there’s something that your server configuration doesn’t like in that file. I would check this out with your hosting, as they should have more answers for this.

    Hope this helps.

    Thanks!

    Thread Starter Svetoslav S.

    (@svetoslav13)

    Hey Eduard,

    Great information, thank you so much for the update. Cheers

    You’re welcome, @svetoslav13! 🙂

    Theme Author creativethemeshq

    (@creativethemeshq)

    Hi @svetoslav13,
    Unfortunately we can’t prioritize this tasks at the moment but you can use this custom CSS to change the order of the comment box:

    .ct-comments {
    	display: flex;
    	flex-direction: column;
    }
    
    .ct-comments > * {
    	order: 3;
    }
    
    .ct-comments .ct-comments-title {
    	order: 1;
    }
    
    .ct-comments #respond {
    	order: 2;
    	padding-bottom: 40px;
    }

    Hope this helps 🙂

    Thread Starter Svetoslav S.

    (@svetoslav13)

    Thank you, it did and it moved my comments box at the top! Cheers!

    I am very much a neophyte at this stuff. I certainly could copy and paste the above code, but I have no idea what the target location should be. Is it needed on each page somehow added to categories or plugins? I have lots of pages that allow comments.
    Many Thanks,
    Fred

    • This reply was modified 1 year, 9 months ago by fkrogh.

    Hi @fkrogh

    You simply need to paste the code inside the Additional CSS pane of the Customiser and you should be good to go!

    Hope this helps!

    I found customize under appearance, and added the suggested code to Customizing, Additional CSS. It didn’t work, so I tried rebooting and making up a test example, still didn’t work. I’m curious to know if it should have worked without making up a new post or it should have worked on existing posts. And also of course what I did that resulted in it not working at all. So below my current “Additional CSS”.
    The code I pasted starts at line 30.
    Thanks again.

    1 #top-menu .current-menu-item
    a::before {
    2 -webkit-transform:
    translateY(18px);
    3 transform:
    translateY(18px);
    4 opacity: 1.0;
    5 }
    6
    ​7 #top-menu li a:hover:before {
    8 -webkit-transform: translateY(18px);
    9 transform: translateY(18px);
    10 opacity: 1;
    11 }
    12
    ​13 #top-menu li a:before {
    14 content: ”;
    15 position: absolute;
    16 top: 10px;
    17 left: 0;
    18 background: #FFFFFF;
    /* Change your color here */
    19 width: 100%;
    20 height: 2px;
    21 -webkit-transform:
    translateY(24px);
    22 transform: translateY(24px);
    23 opacity: 0;
    24 transition: 0.3s ease;
    25 }
    26
    ​27 .single #sidebar {display:
    none;}
    28 .single #left-area {width:
    100%;}
    29 .single #main-content
    .container:before {width: 0;}
    30 .ct-comments {
    31 display: flex;
    32 flex-direction: column;
    33 }
    34
    ​35 .ct-comments > * {
    36 order: 3;
    37 }
    38
    ​39 .ct-comments .ct-comments-
    title {
    40 order: 1;
    41 }
    42
    ​43 .ct-comments #respond {
    44 order: 2;
    45 padding-bottom: 40px;
    46 }`

    Hello @fkrogh

    Maybe the code isn’t doing the same thing you expect it to do? The code should definitely work. Perhaps there’s some cache on your end that might need clearing?

    Thanks Eduard. Should it work on old posts, that have comments? (Just so I know if I need to test with a fake post.) I expected that the block to add a comment would appear just after the post and above any previous comments. Is this what I should expect? And finally do you have any ideas on how to clear the cache, rebooting did not to the job, but come to think of it I’m not clear on exactly where the WordPress code that matters is. I do everything on my computer, but the code runs on my ISP’s computer under a different domain. What I do on my computer as always worked for other things. Anything you could answer would be helpful as I’m really new at this.
    Many thanks,
    Fred

    • This reply was modified 1 year, 9 months ago by fkrogh.
    • This reply was modified 1 year, 9 months ago by fkrogh.

    Just looked at this more closely. I think it highly likely that I need to delete some of the code that was there before is put in the new code. I’ll see what I can do in that direction.

    Hello @fkrogh

    It might be that, or it might be something else. Again, are you sure that this is the thread that you need to follow? The website’s URL would be helpful to see what’s what.

    And yes, the code will work for all posts.

    For stuff connected with comments, I’ve used that provided by creativethemeshq (@creativethemeshq) above, and nothing else related to comments.
    Svetoslav S. (@svetoslav13), above, says “Thank you, it did and it moved my comments box at the top! Cheers!”. My box for new comments is still at the bottom. I guess things will stay that way.

    Hello @fkrogh

    Like I said, I guarantee 200% that the code works. Please check this video — https://streamable.com/rumrp5.

    Unfortunately, you haven’t provided any of the requested information such as details on your setup or the website’s URL. Without these, I’m afraid that we cannot help you any further.

    Thanks.

    Thanks again Eeuard–
    I believe it works for you, that was not a question in my mind. It does not work for me. I was going attach the screenshot for my css, but am not clear on how to do this. The text from my screanshot passed through tesseract and then some minor editing is below. Text below line 30 is recently added. This is the first time I’ve had the .blockslider block since I saw this is your code.

    My website is https://mcc-owners.org
    I really do appreciate the efforts you have made so far.

    Customizing
    
    Additional CSS
    
    1  #top-menu . current-menu-item
       a::before {
    2  -webkit-transform:
       translateY(18px) ;
    3  transform: translateY(18px);
    4  opacity: 1.0;
    5  }
    6
    7  #top-menu i a:hover:before {
    8  -webkit-transform:
       translateY(18px) ;
    9  transform: translateY(18px);
    10 opacity: 1;
    11 }
    12
    13 #top-menu li a:before {
    14 content
    15 position: absolute;
    16 top: 10px;
    17 left: @;
    18 background: #FFFFFF; /* Change
    your color here */
    19 width: 100%;
    20 height: 2px;
    21 -webkit-transform:
       translateY(24px) ;
    22 transform: translateY(24px) ;
    23 opacity: 0;
    24 transition: 0.3s ease;
    25 )
    26
    27 .single #sidebar {display: none;
    28 .single #left-area {width: 100%;
    29 .single #main-content
       container:before {width: 0;}
    30
    31 .blockslider-
    32 pagination. blockslider-
       pagination-square span {
    33 width: 45px;
    34 margin: 5 10px !important;
    35 }
    36 .ct-comments {
    37 . display: flex;
    38 flex-direction: column;
    39 }
    40 
    41 .ct-comments > * {
    42   .order: 3;
    43 }
    44
    45 .ct-comments .ct-comments-title{
    46   order: 1;
    47 }
    48
    49 .ct-conments #respond {
    50   order: 2;
    51   padding-bottom: 40px;
    52 }
Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Move add comment box before comments’ is closed to new replies.