Cancel Reply Link Form issue

[Regnalf]

The “Cancel Reply Link” in the comment form seems to be a broken layout!

It would be nice if it was also a button right after the "Send " Button.

cheers

@Regnalf

[tristup]

Hi @Regnalf,

Thanks for reaching out.
Sometimes the only screenshot doesn’t help us to recognize the issue you are having. Can you please provide login credentials for your staging site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– Specific page URL, where you are having this issue
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

By investigating the site listed in your Themeco account, we found that you are using the Pro, and the issue mentioned is with the X theme. Please remember that you don’t need to install the Cornerstone while using the Pro.

Thanks

[Regnalf]

This is not a live site but purely for experimenting with WordPress or theme settings.
The page is still relatively fresh, uses the “Renew” stack and no stylistic changes have been made to the comments.
But i gave you credentials for further investigation, because it shouldn’t look like this on a live site too!

@Regnalf

[marc_a]

Hi @Regnalf,

I just check your blog page and I don’t see any Cancel Reply did you remove it? please let us know so that we can better help you with your issue.

Hope that helps.

Thank you.

[Regnalf]

No, it’s not when you leave a new comment! It’s when you reply to an existing one!!

[ruenel]

Hello Regnalf,

There must be something in your child theme that is causing this. In our local test, it does not behave like what is in your issue. You can check this:

• https://demo.theme.co/renew-creative/2019/12/07/5-reasons-you-need-the-x-theme/#respond

Please switch to your parent Pro theme so we can check it again.

Thanks.

[Regnalf]

I’ve tested it with the latest version 4.1.5 in pro theme (stack renew) directly, not child-theme. and it’s still there!
And as you can see, the “cancel reply” (Antwort abbrechen) is INSIDE the <h3> tag

<h3 id="reply-title" class="comment-reply-title">Antworte auf testuser
    <a rel="nofollow" id="cancel-comment-reply-link"
    href="/blog/wo-die-luft-duenn-ist/#respond" style="">Antwort abbrechen</a>
</h3>

And in your template its an extra <small> tag that does the trick, but i couldn’t find this anywhere in the pro theme folder

<h3 id="reply-title" class="comment-reply-title">Reply to Kimmy
   <small>
       <a rel="nofollow" id="cancel-comment-reply-link"
       href="/renew-creative/2019/12/07/5-reasons-you-need-the-x-theme/#respond" style="">Cancel    reply</a>
   </small>
</h3>

But anyway, i still believe that this “cancel reply” should be a button beside the other buttons below!

[tristup]

Hi @Regnalf,

You may need to add the following JavaScript code into the Theme Options > CSS to move the Cancel Reply button just beside the submit button. I have tried the following code through the browser debug console and it works.

jQuery( ‘.comment-reply-link’).on( ‘click’, function(){
var cancle=jQuery( ‘#cancel-comment-reply-link’ ).html();
jQuery( ‘#cancel-comment-reply-link’ ).insertAfter(’.comment-form’);
jQuery( ‘#cancel-comment-reply-link’ ).addClass( ‘button’ );
jQuery( ‘.comment-form’ ).find(’.form-submit’).append(jQuery( ‘#cancel-comment-reply-link’ ));

} );

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Thanks

[Regnalf]

Thanks for this code, that could help others too (but i still think this should be the standard).
And it didn’t explain why your template have this <small> tag included. As i said, i have no custom code set that could trigger this.

But thanks again for this button solution.

@Regnalf

[rubin]

Glad this is resolved now. If you need anything else feel free to open a new topic.