How can we help you today?

How to Change Grey Text Background in ShortPoint Tiles

By default, ShortPoint Tiles Design Element comes with a dark grey text background:

If you want to change the grey text background in Tiles, please check the steps below. 

Here’s the end result that you will achieve.

Step 1: Edit the page

After choosing a default ShortPoint Tiles, click the Edit button.

Step 2: Open settings of the Tiles design element

This tab will appear after opening the settings of the Tiles design element:

Step 3: Switch to the Custom CSS tab

Step 4: Insert the customized CSS code

Please copy the following customized code and update the settings. Feel free to change the background color that suits your requirements.

.shortpoint-tile-content {
background-color: rgba(0,255,0,0.5);


Here’s the end the result that you will get:

That’s it! The grey text background in Tiles will be changed to the color of your choice.

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 52 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