Others

Can You Change Text Position in the SharePoint Hero Web Part?

Olivia Miller Oct 22, 2026 868 views

Question details

The user wants to adjust the vertical position of text within a color-block tile in the SharePoint Hero web part to ensure uniform alignment across the page.

Can You Change Text Position in the SharePoint Hero Web Part?

Product: SharePoint Online
Device & OS: not provided
Scenario: Designing a team site layout using the five-up Hero web part configuration.
Observed behavior: Text in color-block tiles sits at a fixed position and does not vertically align with text in adjacent tiles that contain links or background images.

Before you start

Ensure you have Site Owner or Edit permissions for your SharePoint team site before attempting to modify web part configurations.

Solution 1Recommended

Acknowledge Current Limitations and Submit Feedback

SharePoint Online does not currently offer a built-in setting to adjust the vertical text alignment within the Hero web part color blocks.

The standard SharePoint Online Hero web part is highly structured and does not support manually changing the vertical position of text within a tile. Text alignment within color blocks is fixed by default to maintain responsive design standards.

To encourage Microsoft to add this feature, users are advised to submit an official feature request.

Verify existing options

Click the 'Edit' pencil icon next to the Hero web part in your SharePoint site to confirm that no custom alignment options exist in your current tenant version.

Visit the feedback portal

Navigate to the official Microsoft SharePoint feedback community portal.

Submit your request

Create a new feedback post detailing your need to adjust text positioning in the Hero web part so Microsoft developers can consider it for a future rollout.

Acknowledge Current Limitations and Submit Feedback

Responsive Design: SharePoint restricts text placement to ensure the Hero web part scales correctly across mobile devices, tablets, and desktop screens.

Solution 2

Workaround: Use Custom Images with Embedded Text

Since native text positioning is restricted, you can bypass this by designing a custom image that includes perfectly aligned text and using it as an image tile.

Free Microsoft Office alternative

Boost Your Team's Productivity with WPS Office

While you wait for Microsoft to update SharePoint web part features, you can easily design custom graphics, documents, and presentations for your site using WPS Office. It is a completely free, lightweight, and user-friendly alternative to Microsoft Office.

1. Download the software: Visit the official WPS Office website to download the free installation package for your operating system.
2. Install and launch: Run the installer, follow the straightforward prompts, and open the suite.
3. Create your assets: Use WPS Presentation to design custom tile backgrounds for your SharePoint site, or use WPS Writer and Spreadsheet for daily tasks.

Fully compatible with Microsoft Office formats (.docx, .xlsx, .pptx) for seamless sharing.Includes a powerful Presentation tool ideal for creating custom image tiles for SharePoint.Lightweight application that uses minimal system resources.Familiar tabbed interface allows you to switch over with zero learning curve.

microsoft office alternative - wps office

Frequently Asked Questions

Can I use custom CSS to move the text in modern SharePoint?

No. Modern SharePoint Online restricts direct custom CSS injections on out-of-the-box web parts. Modifying the Hero web part layout via code requires developing custom SharePoint Framework (SPFx) extensions.

Does the Hero web part support different layout options?

Yes. The Hero web part allows you to choose between tiles and layers, and offers configurations ranging from one-up to five-up layouts. However, none of these native layouts offer granular control over text positioning.

How do I ensure visual consistency across all Hero web part tiles?

To maintain a consistent look, try to use background images with the same aspect ratio across all tiles, and keep your title and description text lengths uniform so the responsive grid scales them evenly.

Office Quick Solutions