Try ShortPoint nowThe Tiles Design Element has several Style options. Some of them have their titles in capital letters by default. However, you might want to disable capitalization and ensure that text styles follow what you set. We will show you how to do this in this article.
TABLE OF CONTENTS
Prerequisites
- You have the latest ShortPoint SPFx version installed on your SharePoint environment.
- You are a ShortPoint Designer with an active license.
- You have added a Tiles Design Element on your SharePoint page.
Interactive Tutorial
Go through this interactive tutorial to see the steps in action.
This is the custom CSS code you will need to copy and paste into the design element:
.shortpoint-tile-title {
text-transform: inherit !important;
}Step-by-step Tutorial
Here are the detailed instructions on how to disable capitalization on your Tiles Design Element:
Step 1: Edit the ShortPoint web part
- Go to the SharePoint page and click Edit.
- Select the ShortPoint web part.
- Enter ShortPoint edit mode by clicking the pencil icon.
Step 2: Open the Tiles Design Element settings
- Navigate to the Tiles Design Element and select it.
- Press the cogwheel icon to open the settings window.
- Go to the Custom CSS tab.
Step 3: Copy and paste the custom CSS code
- Copy the code below:
.shortpoint-tile-title {
text-transform: inherit !important;
}- Paste it into the Custom CSS field.
Step 4: Update and save your edits
- Click the green checkmark to update your changes.
- (optional) You can check the result on the page by pressing the Preview icon on the Action Toolbar.
- Hit Save.
That’s it! Your Tiles Design Element should now follow the text style and format you set. The default capitalization is now removed.
Related articles:
- How to Customize the Tiles Design Element in Live Mode
- How to Make Circular ShortPoint Tiles
- How to Make Rounded Corners for ShortPoint Tiles
