Intro

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.


Result: