[Solved] Comment Bubble Position

Translate ▼

@chhhh Hello,

Use this CSS please.

@media screen and (max-width: 600px)
#wpd-bubble-wrapper {
    bottom: 60px;
}

You can change both values to achieve the best result on different devices.

Don't forget to delete all caches before checking.

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.

Posts: 14

Chhhh

Topic starter

Translate ▼

Aug 30, 2021 5:40 pm

(@chhhh)

Active Member

Joined: 4 years ago

I am sorry but I failed to succeed. I put this here, cleared cache including WP but the bubble did not budge.

Do i need to put it in my theme files somewhere instead?

1 Reply

Jacob

Support

(@jacob)

Joined: 10 years ago

Estimable Member

Posts: 132

Aug 30, 2021 6:03 pm

Translate ▼

@chhhh I don't see any changes in styles from front-end.

Here are the screenshots

before

after

Please, make sure again that all caches have been deleted.

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.

Posts: 14

Chhhh

Topic starter

Translate ▼

Aug 30, 2021 7:20 pm

(@chhhh)

Active Member

Joined: 4 years ago

I am sorry to continue stealing your time. I cleared all caches again to no result. I also tried putting it in additional css in child-theme instead of in wpdiscuz settings to no avail.

What I noticed in my style.css is that the terminology is slightly different („@media only screen and“ - see screenshot).

but adding the „only“ to the code has not helped either.

1 Reply

Jacob

Support

(@jacob)

Joined: 10 years ago

Estimable Member

Posts: 132

Aug 30, 2021 7:35 pm

Translate ▼

@chhhh Could you please send the admin login details to info[at]gvectors.com email address? Our developers will check the issue for you.

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.

Posts: 132

Jacob

Support

Translate ▼

Aug 30, 2021 9:36 pm

(@jacob)

Estimable Member

Joined: 10 years ago

@chhhh Something is wrong with your setup. See the attached video please. Let's know when you fix it and we'll start checking.

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.

11 Replies

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Aug 30, 2021 10:10 pm

Reply toJacob

Translate ▼

@jacob i have copied a different, stable version of the system to the staging server - the errors you encountered should be gone.

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Sep 08, 2021 5:16 pm

Reply toJacob

Translate ▼

@jacob Any news on this topic? Thank you!

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Sep 09, 2021 10:23 am

Translate ▼

We apologize for delay.

Could you please resent the login details? The developers were too busy. We're prepering a new version of the wpDiscuz plugin. Now the developers are able to check the issue.

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.

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Sep 09, 2021 10:58 am

Translate ▼

@asti done!

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Sep 09, 2021 4:06 pm

Translate ▼

We still see the same issue as Jacob mentioned here: https://wpdiscuz.com/community/postid/10431/

A new video is attached below.

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.

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Sep 09, 2021 7:55 pm

Translate ▼

@asti That display bug/critical error (minus the text in the footer, which I removed) is actually somehow caused by wpdiscuz. I ported the most recent stable version from production to staging, but there the system breaks as shown in your video. As soon as I disable wpdiscuz, everything is fine.

On production, that error does not occur (but I have the issues that I reported here).

All settings are identical between there two servers and I fail to understand why your plugin would break it on staging but not on prod.

I have re-created your admin account for staging with the same credentials. Let me know if there is anything I can do to help clear this up.

Thanks, Chris

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Sep 10, 2021 11:45 am

Translate ▼

I have re-created your admin account for staging with the same credentials. Let me know if there is anything I can do to help clear this up.

The user doesn't have an admin user role. Please change the user role to admin and let us know.

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.

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Sep 10, 2021 1:10 pm

Translate ▼

@asti Wow, I really deserve an award as "worst customer ever". The permissions are fixed, sorry!

Mind you: wpdiscuz is currently DISABLED on staging as it breaks the layout (although the same thing does not happen on prod with exact same settings/content)

I have changed this post so that the in-line commenting and image should overlap, so you can also test that: https://tpoatest.wpengine.com/haiku-muhammara/

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Sep 10, 2021 3:33 pm

Translate ▼

The code works fine now. Please always do the customization as it's mentioned in this doc: https://wpdiscuz.com/docs/wpdiscuz-7/customization/custom-template-and-style/

It's not allowed to make customization within the plugin files.

The developers have created a new folder called wpDiscuz within your current active theme folder. Put there the css file and put the custom code within that file.

You'd also need to add your custom codes in that file.

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.

Chhhh

(@chhhh)

Joined: 4 years ago

Active Member

Posts: 14

Sep 10, 2021 4:47 pm

Translate ▼

@asti This has worked admirably now, thank you.

I basically just copied the file your developers added via sftp to production and it works there. I assume no changes were made elsewhere that I would need to duplicate.

If I wanted to move the bubble slightly closer to the right border of the the screen, how would I have to edit the code?

Something like this did not work:

/* Comment Bubble */
#wpd-bubble-wrapper{bottom: 60px; right:5px;}
#wpd-bubble-wrapper > #wpd-bubble #wpd-bubble-add-message {width: 270px;}

Asti

Support

(@asti)

Joined: 8 years ago

Illustrious Member

Posts: 8211

Sep 11, 2021 11:11 am

Translate ▼