How to Change the Font Size of a Link

This article will demonstrate how to customize the font size of a Link using Custom CSS. Follow the interactive tutorial or go through the step-by-step tutorial to get started.

TABLE OF CONTENTS

• Prerequisites
• Interactive Tutorial
• Step-by-step Tutorial
  • Step 1: Edit the ShortPoint Web Part
  • Step 2: Copy the Custom CSS code
  • Step 3: Paste the Code
  • Step 4: Insert and Save

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 the Link Design Element on your page.

Interactive Tutorial

Before starting the interactive tutorial, copy the Custom CSS code below:

font-size: 50px;

NOTEYou can change the font size according to your preference.

Step-by-step Tutorial

Follow the steps below for a detailed guide on how to change the link font size:

Step 1: Edit the ShortPoint Web Part

• Go to the SharePoint page you want to use and click Edit.

• Click the ShortPoint tag.
• Select the pencil icon.

Step 2: Copy the Custom CSS code

• Copy the Custom CSS code below:

font-size: 50px;

NOTEYou can change the font size according to your preference.

Step 3: Paste the Code

NOTEBefore proceeding, make sure you already have the Link Design Element on your page.

• Click the Link tag.

• Click the cogwheel icon.

• Navigate to the Custom CSS tab.
• Paste the copied code.
• Change the font size according to your preference.

Step 4: Insert and Save

• Once satisfied with your font size change, click the green check mark.
• Click the eye icon to see your page in real-time.

• Select Save to apply all your changes.

That’s it! You can now customize the font size of your Link.

Related articles:

• Modify the Look of Image List Items with CSS (Border, Shadow and Rounded Corners)
• How to Split a ShortPoint Row into 5 Columns
• How to Change Grey Text Background in ShortPoint Tiles