-
bibica
I want to change the layout of the comment section like that, similar to comments on Astra theme
Thanks
-
Hi there,
Do you mean you only want to show the 1st level of comment?
-
bibica
The first comments are separated into separate sections and blocks, similar to the demo here (https://frantic-fox-lddvb.instawp.xyz/tasty-pasta/)
-
Try this CSS:
.comment-list>.comment { background-color: lightblue; padding-inline: 40px; } ol.comment-list { display: flex; flex-direction: column; row-gap: 40px; } .comment-content, .comment ul.children { border: none; }
-
bibica
The current default is 1 block for the entire comment section
I want the comments in deep 1 to be separated into similar parts, separate the first comment (deep 1) now it will become like this
-
Can I see your site?
-
bibica
bibica.net
-
Can you link me to a post that has multiple comments already?
-
-
Try this CSS:
.comments-area {background-color: transparent !important;padding-inline: 0 !important;} .comments-area div#comments :is(ol >li, .comments-title) { background-color: white; padding-inline: 30px; } .comments-area div#comments .comments-title { margin-bottom: 0; padding-block: 30px; } .comments-area div#comments ol { display: flex; flex-direction: column; row-gap: 30px; }
-
bibica
Yes, everything displays correctly, but the
Leave a Comment
section is pushed outCan I adjust the Leave a Comment section similarly?
Thanks
-
Fernando
Hi Bibica,
Can you try adding this to Ying’s code?:
div#respond { background-color: white; padding: 10px 30px; }
-
bibica
Everything was exactly as I wanted
Thank you very much Ying and Fernando
-
Fernando
You’re welcome, Bibica!
- You must be logged in to reply to this topic.