Is there any way to increase the width and number of characters in search refiner web part in SharePoint 2013? I remember there was this option in SharePoint 2010.

I know we can tweak CSS and increase the width but i cant figure out how to increase the number of characters.


1 Answer 1


By default if you have a long refiner name you get the following output:

Result type refiner with long display names

The refiners are set to a width of 160px. So if you want to show the whole refiner, you have to change the width via CSS of these refiners. When changing the width, this will have an impact on the whole search page. A better approach would be to override the ".ms-ref-ellipsis" class. By default it is set to this:

.ms-ref-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;

By overriding the class with the following CSS code:

.ms-ref-ellipsis {
    /* Let the text wrap to the next line */
    white-space: inherit;
    /* Break long names without spaces */
    word-wrap: break-word;

You get the following output:

Show the whole display name


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.