Icon Alignment to Title

Hi @mmanning1 ,

Please add this CSS on your stylesheet to make icon vertically align for long content on your sidebar:

.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {
    display: block;
}

Regarding limiting the number of words of the characters on the doc title in the category boxes, you can use this CSS:

.betterdocs-category-list .docs-item-container ul li a {
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    max-height: 40px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

Hope it helps. You can change the value to max-height: 40px; and see the best suits for your use case.

Let me know how it goes.
Thank you!

Hi @mmanning1 ,

Could you please give us your page URL so that we can check from our end and provide the correct CSS in your case?

Thank you!

Hi @mmanning1 ,

You can send us your URL from here: https://wpdeveloper.com/support/new-ticket/

Thank you!

Hi @mmanning1 ,

One of our support team members replied to your ticket via our support channel. Has your query been resolved?

For the future viewer of this topic – Here is the CSS that we provided from our end:

.betterdocs-categories-wrap.single-kb .docs-item-container li, .betterdocs-popular-list.single-kb ul li {
    display: -webkit-box; !important;
}

.betterdocs-categories-wrap li a, .betterdocs-popular-list li a {
    word-break: break-word;
    overflow: hidden;
    line-height: 30px !important;
    max-height: 63px !important;
    overflow: hidden;
    display: -webkit-box !important;
}

Thank you!