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.
Nov 09, 2022 1:47 pm
23 Replies
Nov 10, 2022 7:48 am
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 /-->
Nov 21, 2022 8:47 pm
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.
Nov 21, 2022 9:23 pm
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.
Nov 21, 2022 9:35 pm
Nov 22, 2022 11:36 am
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
Nov 22, 2022 12:29 pm
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.
Nov 29, 2022 11:54 am
Nov 29, 2022 12:12 pm
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;
}
Nov 29, 2022 1:20 pm
@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;
}
Nov 29, 2022 2:02 pm
@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;
}
Nov 30, 2022 11:58 am
@asti the button text looked too high, so I instead tried adjusting the padding-bottom to 2px and that seemed to work:
Nov 30, 2022 12:03 pm
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.
Nov 30, 2022 12:41 pm
Nov 30, 2022 12:50 pm
@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.
