Nested replies indent

Avatar
  • updated
  • Answered
The indent for nested replies is not noticeable enough. Can you give more indent? or how to do it via CSS?

Thanks
Pinned replies
Avatar
Sergey Stukov co-founder
  • Answer
  • Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:

.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
Avatar
JDB
Thanks.

As a suggestion: Only first reply should be indented, the rest hanging below will follow same indent (the off-topic conversation will be noticed easily without having a downstairs look). I have simulated this in CSS by setting all indents to be the same.


Also you could set a vertical line for all nested replies, such as:


Topic text...


   Nested reply...

   Nested reply reply...

   Nested reply reply reply...

Avatar
Sergey Stukov co-founder
Quote from JDB
I think it is not working :(
It's works. You missed space character after .comments-list in each string.
We added space. Now you can update paddings as you want.
Avatar
JDB
I think it is not working :(
Avatar
Sergey Stukov co-founder
  • Answer
  • Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:

.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
Avatar
Sergey Stukov co-founder
  • Answered
We added ability to setup your own padding for nested comments.
Just setup your own custom CSS rules for it.
Below is default:
.comments-list .offset1{padding-left:20px;}
.comments-list .offset2{padding-left:40px;}
.comments-list .offset3{padding-left:60px;}
.comments-list .offset4{padding-left:80px;}
.comments-list .offset5{padding-left:100px;}
.comments-list .offset6{padding-left:120px;}
.comments-list .offset7{padding-left:140px;}
.comments-list .offset8{padding-left:160px;}
.comments-list .offset9{padding-left:180px;}
Avatar
Sergey Stukov co-founder
  • Searching answer