How can we help you today?

How to Change the Icon Size in Tiles


By default, the icons in ShortPoint Tiles design element look like this:

If you would like to make them smaller or bigger, please follow the steps below.

Step 1. Copy the Custom CSS code

Please copy the following code, keeping in mind that the value in pixels indicates the actual size of the icon in Tiles. For the purpose of this article, we have used 60px which makes the icons smaller than the default size. Feel free to indicate the pixel value that's perfect for you.

.shortpoint-icon, .shortpoint-icon:before, .shortpoint-icon:after {
  font-size: 60px;

Step 2. Use the code in Tiles element.

Open the settings of Tiles and switch to Custom CSS tab (1). Paste the code (2)and update the settings (3):

If you need detailed explanations on this step, please check our Basic Custom CSS Tutorial for Page Builder Elements.


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