Hey wpdiscuz team, you rock!
one question: what css code do I need to put under styles and colors to move the comment bubble to a higher position?
On mobile, it overlaps with my floating sharing bar at the bottom, unfortunately.
Thank you!
Aug 29, 2021 2:52 pm
18 Replies
Aug 29, 2021 2:53 pm
Example for the issue I mentioned
Aug 30, 2021 12:44 pm
@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.
Aug 30, 2021 1:40 pm
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?
Aug 30, 2021 2:03 pm
@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.
Aug 30, 2021 3:20 pm
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.
Aug 30, 2021 3:35 pm
@chhhh Could you please send the admin login details to info[at]gvectors.com email address? Our developers will check the issue for you.
Aug 30, 2021 5:36 pm
@chhhh Something is wrong with your setup. See the attached video please. Let's know when you fix it and we'll start checking.
Aug 30, 2021 6:10 pm
@jacob i have copied a different, stable version of the system to the staging server - the errors you encountered should be gone.
Sep 08, 2021 1:16 pm
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.
Sep 09, 2021 6:58 am
We still see the same issue as Jacob mentioned here: https://wpdiscuz.com/community/postid/10431/
A new video is attached below.
Sep 09, 2021 3:55 pm
@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
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.
Sep 10, 2021 9:10 am
@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/
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.
Sep 10, 2021 12:47 pm
@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;}
