The newest theme (Twenty Twenty-Three Version: 1.0) released by WordPress is not compataible with this plugin if you can fix this bug it would be great.
Hi@alex1111,
Please clarify a bit what kind of issue have you faced. In case the wpDiscuz form is missing, just use the shortcode below:
<!-- wp:post-comments /-->
The author is talking about the new theme Twenty Twenty-Three, which does not natively support this plugin. There is no custom form nor is there any comment bubble showing.
I went into the Site Edit area and removed the Comments block and replaced it with the shortcode mentioned above (small screenshot attached to show progress). That fixed the problem, for the most part.
When I went to look at one of the posts, I noticed the layout needs some adjusting (screenshot attached).
I hope this helps further explain the issue with WordPress's new theme. Thank you.
Additionally, I'm able to do a bit of the fixes through CSS, but the last bit that's not quite straightforward is the jQuery for the "post co
mment" button and options next to it.
Click on any of the posts at https://sharonmurphy.net/
I notice this in a completely brand new install of WordPress using Twenty Twenty-Three Theme as well.
There are some additional HTML tags like <br>, <p>, etc.
Please watch this video: https://www.screencast.com/t/EE9YecqyMt5
Ok, I believe that is WordPress doing that. As I mentioned earlier, I created a clean install at https://sharonmurphy.net/test to verify this behavior. The default single post that's generated upon installation does not show the wpDiscuz form by default. I went into the Single template and replaced the Comments block with your shortcode as recommended. The same display errors are happening.
https://sharonmurphy.net/test/2022/11/21/hello-world/
This is the default behavior of WordPress's new Twenty Twenty-Three theme, not something created based on content added or any code customizations.
Dear @sharon,
Please try the CSS code below, it should solve the issue:
#wpdcom .wpd-form-foot p {padding-bottom: 1px;}
#wpdcom p {padding-bottom: 1px;}
#wpdcom br{content:' ';}
#wpdcom br:after{content:' ';}
Put the code in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.
Please add those codes as well:
#wpdcom p:empty {
display: none;
}
#wpdcom .wpd-form-foot p{
margin:0 ;
}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper] p:first-child {
display: none;
}
@asti thank you, but still missing a few things. See bottom row of buttons and the "Post Comment" button in the screenshot below:
Please add this code and let me know how it works:
.wc-field-submit p {
display: flex;
align-items:center;
}
@asti the alignment is better. Looks like the Post Comment button is slightly taller than the rest. https://sharonmurphy.net/test/2022/11/29/hello-world/
Those CSS codes should solve the issue:
#wpdcom .wpd_label {
margin: 0;
}
#wpdcom .wpd-prim-button {
padding-top: 2px;
}
@asti the button text looked too high, so I instead tried adjusting the padding-bottom to 2px and that seemed to work:
here's the complete set of CSS to add to the site or your theme:
#wpdcom .wpd-form-foot p {padding-bottom:1px;}
#wpdcom p {padding-bottom:1px;}
#wpdcom br{content:' ';}
#wpdcom br:after{content:' ';}
#wpdcom p:empty {display:none;}
#wpdcom .wpd-form-foot p{margin:0;}
#wpdcom .wpd-form .wpdiscuz-textarea-wrap [id^=wpd-editor-wraper] p:first-child {display:none;}
.wc-field-submit p {display:flex;align-items:center;}
#wpdcom .wpd_label {margin:0;}
#wpdcom .wpd-prim-button {padding-top:5px;padding-bottom:1px;}
We're going to mark this thread as resolved. Feel free to open a new topic if you have further questions.
@asti since the plugin doesn't display properly with twenty twenty-three right out-of-the-box, it seems necessary. just my two cents.
thanks for your help with this.
