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 Abid and thank you,
I tried both recommendations but they didnt help. Not sure why.

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!

Thank you. Anyway to privately send you the URL?

Hi @mmanning1 ,

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

Thank you!

Done. 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!

Hi there,

We haven’t heard back from you in a long time. So, I am assuming your issue has been resolved.

I am resolving this topic.
Have a nice day!