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:
This article will demonstrate how to add an underline to all links using Theme Builder:
TABLE OF CONTENTS
Prerequisites
- You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
- You must be a ShortPoint Designer with an active license.
- You must already have links on your SharePoint page. To learn how to turn text into a link, check out How to Customize the Link Design Element.
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:
- Select Theme Builder.
Step 3: Paste the Code
- Click Utilities:
- Select 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: