How can we help you today?

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.

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