How can we help you today?

How to Disable the Hover Behavior of Image List Item Titles

ShortPoint Image List, as almost every other ShortPoint Design Element, allows you to link the items it contains, so the user gets redirected to that page after clicking.

But what if you need to keep things simple and don't plan to link your items? 

The tutorial below will show you how to easily prevent the item titles in the Image List from changing the color upon hover. This will show the user that the item is not linked and is not clickable.


Before
After


If you want to achieve the right-side result, please follow the simple steps below.


Step 1. Open the settings of the Image List element


In edit mode, hover over the Image List element until the cog wheel appears. Press the cog wheel and you will open the settings of the element. Click the Custom CSS tab at the top:



Step 2: Update the Element with Custom CSS Coding

This is the code you will need to use, please copy it:


.sp-type-image-list-item {
   pointer-events: none !important;
}


 Paste it into the Custom CSS field and press Update:



That's it! Now all you need to do is to save the page and enjoy the result.


You may also want to check:

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