How can we help you today?

How to Change the Hover Color of the Link

For changing the hover color of the ShortPoint Link design element, please do the following steps from this tutorial.

Here what we can expect by the end of this tutorial:

STEP 1. Create a parent element with the Link element

 The parent element will be the element into which your Link element is inserted into. For example, this can be a Section:


Or another ShortPoint element, like Accordions, or Toggles, or Panel, like in this example:


STEP 2. Open the settings of the parent element

You need to open the settings of the parent element and switch to the Custom CSS tab. There, you need to paste the following code:

.shortpoint-btn-link:hover, .shortpoint-btn-link:focus {
    color: yellow !important;

Note: Please change the color "yellow" to any color of your preference (you can use hex color codes as well).

Note 2: If there will be multiple Links in the same patent element, the hover color on all of them will change.


Press the Update button and save the page. 

The hover color of the Link will change to the one you have indicated.

Related 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 57 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