AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

[Solved] Changing target HTML # element for comment bubble

✦ Summarize Topic

How-to and Troubleshooting

Last Post by Asti 3 years ago

7 Posts

2 Users

0 Reactions

1,189 Views

RSS

willGreeny

(@willgreeny)

Posts: 24

Eminent Member

Topic starter

Translate ▼

[#7403]

Hi there,

The comment bubble is great. However, is there a way to make it target a different HTML? For example, the comments are disabled for people that are logged in and a member (I want the comment bubble to scroll to the HTML element above the comments to explain how to sign up and the benefits of it (such as commenting etc.).

Kind regards,

Will

Website URL

https://poemanalysis.com/rudyard-kipling/if/

Posted : 05/06/2023 2:20 pm

Topic Tags

Asti

(@asti)

Posts: 8260

Illustrious Member Support

Translate ▼

Hi Will,

I'll ask the developers and get back to you once I get a response from them.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 05/06/2023 2:55 pm

Asti

(@asti)

Posts: 8260

Illustrious Member Support

Translate ▼

You should overwrite the JS codes that are added for the id="wpd-bubble".

In other words, this can be reached using the JS codes.

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 06/06/2023 1:14 pm

willGreeny

(@willgreeny)

Posts: 24

Eminent Member

Topic starter

Translate ▼

Thank you - can you provide me the way to actually do this?

Posted : 07/06/2023 9:38 pm

Asti

(@asti)

Posts: 8260

Illustrious Member Support

Translate ▼

@willgreeny,

You can use this function. If it's necessary you should modify it:

let $= jQuery; 
$('body').on('click', '#wpd-bubble', function(){ let d = $('#poetry-plus-comments'); if( d.length ){ setTimeout( function(){ $('html').scrollTop( (d.offset().top - 100) ) }, 1000 )  } } );

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 08/06/2023 11:44 am

willGreeny

(@willgreeny)

Posts: 24

Eminent Member

Topic starter

Translate ▼

Hello,

I implemented this on the page, but unfortunately it does not seem to work?

Posted : 14/06/2023 8:45 pm

Asti

(@asti)

Posts: 8260

Illustrious Member Support

Translate ▼

The code should work fine. We've checked it one more time.

Please check out this article: https://www.wpbeginner.com/wp-tutorials/how-to-easily-add-javascript-in-wordpress-pages-or-posts/

In case you want to say thank you! 🙂
We'd really appreciate if you leave a good review on the plugin page.
This is the best way to say thank you to this project and the support team.

Posted : 16/06/2023 12:05 pm