wpDiscuz - WordPress Comment Plugin
Twenty Twenty-Three...
 
Share:
Notifications
Clear all

Bug [Solved] Twenty Twenty-Three Theme Version 1.0 Breaks Plugin

24 Posts
3 Users
4 Likes
390 Views
Posts: 1
Topic starter
(@alex1111)
New Member
Joined: 3 months ago

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.

Β 

Screenshot from 2022 11 09 13 46 57

Β 

Topic Tags
23 Replies
Asti
Posts: 5779
 Asti
Support
(@asti)
Illustrious Member
Joined: 5 years ago

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 /-->

1 Reply
(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

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.

Untitled

When I went to look at one of the posts, I noticed the layout needs some adjusting (screenshot attached).

Untitled2

I hope this helps further explain the issue with WordPress's new theme. Thank you.

Posts: 13
(@sharon)
Active Member
Joined: 2 months ago

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.

Untitled
2 Replies
(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

Apologies, that should be CSS for the "post comment" section, not jQuery.

Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

Please provide us the example URL where we can check the issue,Β 

Posts: 13
(@sharon)
Active Member
Joined: 2 months ago

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.

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

There are some additional HTML tags like <br>, <p>, etc.Β 

Please watch this video: https://www.screencast.com/t/EE9YecqyMt5

Posts: 13
(@sharon)
Active Member
Joined: 2 months ago

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.

10 Replies
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

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.

(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@asti Added, but it's not a complete fix. Screenshots below:

1
2
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

We need the URL, please provide us so we can modify the code.

(@sharon)
Joined: 2 months ago

Active Member
Posts: 13
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

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;
}
(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@asti thank you, but still missing a few things. See bottom row of buttons and the "Post Comment" button in the screenshot below:

Untitled
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

Please add this code and let me know how it works:Β 

.wc-field-submit p {
   display: flex;
   align-items:center;
}
(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@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/

Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon,

Those CSS codes should solve the issue:Β Β 

#wpdcom .wpd_label {
   margin: 0;
}
#wpdcom .wpd-prim-button {
   padding-top: 2px;
}
(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@asti the button text looked too high, so I instead tried adjusting the padding-bottom to 2px and that seemed to work:

Β 

Posts: 13
(@sharon)
Active Member
Joined: 2 months ago

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;}
4 Replies
Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

@sharon

We're going to mark this thread as resolved. Feel free to open a new topic if you have further questions.

(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@asti any chance of these changes being rolled into an update?

Asti
 Asti
Support
(@asti)
Joined: 5 years ago

Illustrious Member
Posts: 5779

Dear @sharon,

We'll discuss it with our team and add it if it's necessary.Β 

(@sharon)
Joined: 2 months ago

Active Member
Posts: 13

@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.

Share: