How can we help you today?

How to Disable Default Capitalization in Tiles Design Element Titles

The 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.


custom css remove capitalization


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:




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 57 topics

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more