Others

How to Fit Long Text in SharePoint Quick Links Buttons

Olivia Miller Oct 10, 2026 870 views

Question details

Users need a way to display long labels within SharePoint Quick Links buttons without the text getting cut off.

How to Fit Long Text Inside SharePoint Quick Links Buttons

Product: Microsoft SharePoint
Device & OS: not provided
Scenario: Customizing the Tiles layout in the SharePoint Quick Links web part to properly display lengthier button titles.
Observed behavior: Long labels inside Quick Links buttons using the Tiles layout and Large size do not fit, and the standard web part lacks built-in controls for font size adjustments or text wrapping.

Before you start

Before attempting to inject custom CSS, verify that you have Site Owner permissions and consult your organization's SharePoint governance policies regarding custom scripts and extensions.

Solution 1Recommended

Method 1: Change the Quick Links Layout or Shorten Labels

The safest and most straightforward solution is utilizing SharePoint's native layout options that handle long text better than the Tiles layout.

Since the modern SharePoint UI is designed to be fully responsive, predefined spaces like the 'Tiles' layout restrict text to prevent overlap on smaller screens. Changing the layout to 'Compact' or 'List' often resolves text truncation issues natively.

Edit the SharePoint Page

Navigate to the page containing your Quick Links and click the 'Edit' button at the top right of the screen.

Open Web Part Properties

Select the Quick Links web part and click the 'Edit web part' (pencil) icon on its left side to open the properties pane.

Select a Different Layout

Under the 'Layout' options, choose 'Compact', 'List', or 'Button'. These layouts generally allocate more horizontal space for long text compared to the 'Tiles' layout.

Republish the Page

If you must use the Tiles layout, edit your link titles to use shorter, more concise wording, then click 'Republish' to apply your changes.

Method 1: Change the Quick Links Layout or Shorten Labels

Solution 2

Method 2: Use a SharePoint Framework (SPFx) Customizer for CSS

If layout changes or shorter labels are not viable options, you can use an SPFx solution to inject custom CSS and force the text to wrap or scale down.

Free Microsoft Office alternative

Enhance Your Document Workflow with WPS Office

While Microsoft SharePoint serves as an excellent platform for intranet portals and organizing quick links, managing the actual documents you host is effortless with WPS Office. WPS Office is a lightweight, fully compatible suite designed to handle all your daily document tasks without the heavy subscription fees.

Fully compatible with standard Microsoft Word, Excel, and PowerPoint formats (.docx, .xlsx, .pptx).Lightweight application that runs smoothly even on older devices.Familiar ribbon-style user interface ensures a zero-learning curve for Microsoft Office users.Free alternative offering powerful built-in PDF editing and comprehensive office tools.

microsoft office alternative - wps office

Frequently Asked Questions

Can I change the font size natively in a SharePoint Quick Links web part?

No. The standard modern SharePoint Quick Links web part provides predefined sizes (e.g., Small, Medium, Large, Fill Space) but does not allow direct manipulation of font sizes or custom text wrapping without third-party extensions.

Why does text get truncated in the Quick Links 'Tiles' layout?

The Tiles layout uses fixed-size containers to ensure consistent alignment and strict mobile responsiveness across different screen sizes. When a label exceeds the predefined boundaries, SharePoint automatically truncates it with ellipses to preserve the grid's visual structure.

What is the PnP Modern Script Editor?

The PnP Modern Script Editor is an open-source SharePoint Framework (SPFx) web part that restores the ability to add custom HTML, JavaScript, and CSS directly to modern SharePoint pages, similar to the classic Script Editor web part.

Office Quick Solutions