Decrease the length of the connecting line

Org Chart Microsoft 365 version
1

image

how do i decrease the length of the connecting lines? i would like to bring those 2nd + level boxes more towards left.

2

Hi @coresoul,

You may use the following CSS in Org Chart V3 to move them a bit:

.poch-top-to-bottom-compact .poch-root-node-list .poch-level-0>.poch-node-list .poch-node-list{
 margin-left: 20px 
}

If you are using Org Chart V4, you just have to change the .poch-root-node-list class to .poch-node-list_root.

Best Regards,
Anna Dorokhova
Plumsail Team

4

It didn’t work, i am using left to right layout.

5

It didn’t work, i am using left to right layout.

6

Hi @coresoul,

The following CSS should work with left to right layout:

.poch-left-to-right .poch-node-list{
 margin-left: 25px !important 
}

Best Regards,
Anna Dorokhova
Plumsail Team