CSS properties to truncate text don’t work with breadcrumbs

  • Resolved doctorbr

    (@doctorbr)


    1 year ago

    When I don’t use “text-overflow: ellipsis” the breadcrumb is cut off (CLIPPING). 

    .ct-breadcrumbs {
	max-width:350px;
	overflow:hidden;
	white-space:nowrap;
}
    CSS properties to truncate text don’t work com breadcrumbs (CLIPPING)

    If I use “text-overflow: ellipsis” the post title does not appear and only ellipses are shown!

    .ct-breadcrumbs {
	max-width:350px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
    View post on imgur.com

    I want an ellipsis to appear at the end, where the text is cut. What is wrong?

    Thanks in advance!

    • This topic was modified 1 year ago by doctorbr.
    • This topic was modified 1 year ago by doctorbr.

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

Viewing 1 replies (of 1 total)
  • Eduard

    (@cteduard)

    Hello @doctorbr

    As a general rule of thumb, please note that we do not provide support for debugging or implementing custom code. It is recommended to contact a knowledgeable developer if you need assistance with such things.

    But as a hint, just make sure you select the correct CSS classes. Something like this – .ct-breadcrumbs .last-item span

    ??

    Thanks.

Viewing 1 replies (of 1 total)
  • The topic ‘CSS properties to truncate text don’t work with breadcrumbs’ is closed to new replies.

Tags