Org Chart all “Wonky”

Resolved darthpie
(@darthpie)

3 years ago

There’s obviously some weird formatting issue that I’m trying to work around, but I can’t seem to find what it is that’s wrong. The spacing, lines, and image sizes are all wonky and I’m not sure how to fix it. Using default template.

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter darthpie
(@darthpie)

3 years ago

When designing the chart, this is what I see. The page, however, looks really very different.

Plugin Author wpdevart
(@wpdevart)

3 years ago

Hi @darthpie.

When we checked the screenshot, we didn’t notice any issues with the CSS, by the way, we checked the URL you sent and didn’t find any chart there.

Can you provide a live link and say exactly what is not working correctly?

Thanks.

Thread Starter darthpie
(@darthpie)

3 years ago

Oh I’m sorry! I had it as a draft. Here you go: https://scsante.org/org-chart/

The screenshot is what I see when I’m creating/editing the flowchart. It looks good on the admin side. It’s when it’s applied to the front end where it goes “wonky”.
Plugin Author wpdevart
(@wpdevart)

3 years ago
Hi @darthpie.

Add this CSS code to your website style.
```
#wpdevart_org_chart_container_parent_1 div{
     vertical-align:top !important;
}
#wpdevart_org_chart_container_parent_1 li{
    vertical-align:top !important;
}
#wpdevart_org_chart_container_parent_1 div{
     vertical-align:top !important;
}
#wpdevart_org_chart_container_parent_1 ul{
    vertical-align:top !important;
}
.wpdevart_org_chart_container{
    text-align:center !important;
}
.wpdevart_org_chart_container_parent .wpdevart_org_chart_container ul{
   padding-top: 20px !important;
    margin: 0 !important;
    padding-left: 0 !important;
}
.wpdevart_org_chart_container li{
    padding: 20px 5px 0 5px !important;
    line-height: 0 !important;
    margin: 0 !important;
}
#wpdevart_org_chart_container_1 li{
    margin-top: 1px !important;
}
```
After adding this code, clear your website and browser caches and check it again. This should fix some CSS issues. There is a conflict between your theme and minify file and our plugin, so the chart does not work correctly.

Thanks.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Org Chart all “Wonky”’ is closed to new replies.

Tags