How can we help you today?

How to Apply Underline to All Links on Your SharePoint Page

By default, when you use the Link Inline Design Element to turn a text into a link, there is no underline to indicate that it's a clickable link unless you hover over it:


no underline


This article will demonstrate how to add an underline to all links using Theme Builder:

link with underline


TABLE OF CONTENTS


Prerequisites


Interactive Tutorial

Copy the code below before starting the interactive tutorial:


.shortpoint-proxy-theme-scroll-content a {
text-decoration-line: underline !important;
}



Step-by-step Tutorial

Follow the steps below for a detailed guide on how to apply underline to all links on your page:


Step 1: Copy the Code

  • Copy the Custom CSS code below:
.shortpoint-proxy-theme-scroll-content a {
text-decoration-line: underline !important;
}

Step 2: Open the Theme Builder

  • Click the ShortPoint logo:

ShortPoint logo

  • Select Theme Builder.

Step 3: Paste the Code

  • Click Utilities:


Utilities

  • Select Custom CSS:


Custom CSS

  • Paste the code in the space provided.

Step 4: Publish

  • Click Apply to save your changes.
  • Select Publish to keep your changes.


That’s it! You now have underline on all links on your page.


Related articles:

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