How to Disable the Default Tiles Animation

The default animation of the Tiles design element looks like this:

If you want the Tiles to be static, please do the following:

STEP 1

Copy the following Custom CSS:

.shortpoint-tile:hover .shortpoint-tile-content,
.shortpoint-tile .shortpoint-tile-content {
    top: 80% !important;
}

STEP 2

Open the settings of tiles and switch to Custom CSS tab. Paste the coding in the Custom CSS field. Then, press Update. Please click here for a detailed tutorial on Custom CSS usage in Page Builder elements.

STEP 3

Save the changes. Here is what the result will be:

Please note that you may need to adjust the 80% value depending on the amount of the text presented on the tiles. If the title of the tile is long, please use smaller values like, for example, 60%:

Please contact us in case you have any questions or suggestions.

For an advanced tutorial on Custom CSS please click here.

Also, you're welcome to check our other Custom CSS solutions.