logo
search
Others

Fix SharePoint Hero Web Part Text Truncation Limit

Elise WilliamsElise Williams Oct 23, 2026 868 views

Question details

The user is seeking a way to prevent the SharePoint Hero web part from truncating description text after 220 characters, as the advertised limit is 500 characters.

How to Handle SharePoint Hero Web Part Text Truncation
Product
Microsoft SharePoint
Device & OS
not provided
Scenario
Adding long descriptions to a Hero web part on a SharePoint modern page.
Observed behavior
Text is cut off with an ellipsis at approximately 220 characters in both the page preview and the published page, making it impossible to read the full 500-character description.
Before you start

Verify the exact character count of your intended description text, as you will need to utilize alternative SharePoint web parts if your message strictly requires more than 220 characters to convey.

Solution 1Recommended

Use Alternative SharePoint Web Parts for Longer Text

Because the Hero web part hardcodes the UI truncation limit at 220 characters, moving your extended content to a Text or Call to Action web part is the most reliable workaround.

The 500-character limit refers to backend storage, but the front-end interface restricts display length to maintain responsive design integrity. Using a different web part bypasses this UI limitation.

1
Edit the SharePoint page

Navigate to your SharePoint site page and click the 'Edit' button located in the top right corner of the screen.

2
Add a new web part

Hover your mouse above or below the existing Hero web part and click the '+' (Add a new web part) icon.

3
Select a text-friendly web part

Choose the 'Text' web part to type out your complete description without strict display limits, or use the 'Call to Action' web part for a visually appealing layout with better text visibility.

4
Publish your changes

Once you have adjusted the layout and pasted your full text, click 'Republish' in the top right corner to make the changes live.

Use Alternative SharePoint Web Parts for Longer Text
Design Tip: You can still use the Hero web part for high-impact images and a short catchy title, while placing the detailed Text web part immediately below it.
Free Microsoft Office alternative

Draft Your Site Content Perfectly with WPS Office

While SharePoint manages your intranet publishing, WPS Office provides a free, lightweight, and highly capable desktop suite to draft, edit, and collaborate on your web copy and documents before you upload them.

  1. 1. Download the installer: Navigate to the official WPS Office website and click the free download button for your operating system.
  2. 2. Install the application: Run the downloaded installer file and follow the simple on-screen instructions to complete the setup.
  3. 3. Start drafting content: Open WPS Writer to draft out your lengthy web part descriptions, utilizing the word and character count tools to ensure they fit your site's layout perfectly.
Fully compatible with Microsoft Word, Excel, and PowerPoint file formatsFamiliar user interface requiring zero learning curve for Office usersLightweight architecture ensures smooth performance on any PC or MacFree to download and use with comprehensive document editing features
QA img-9

Frequently Asked Questions

Can I use custom CSS to remove the text truncation in the Hero web part?

SharePoint Modern pages do not support custom CSS injections out-of-the-box. Unless you are deploying a custom SharePoint Framework (SPFx) web part, you cannot easily override the native styling that causes the 220-character truncation.

Why does Microsoft advertise a 500-character limit if it cuts off at 220?

The 500-character limit refers to the data validation on the input field itself. The backend list will safely store up to 500 characters, but the front-end layout is hardcoded to truncate text to prevent the web part UI from breaking on smaller screens.

Do other SharePoint web parts have similar text limits?

Yes, many visual web parts like Quick Links, News, and Highlighted Content use automated text truncation to maintain responsive design grids. The Text web part is the only native component guaranteed to display complete, un-truncated paragraphs.