# How to remove underline from link?

**URL:** https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739
**Category:** Bootstrap Studio Help
**Created:** [December 21, 2022, 11:51am UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739 "2022-12-21T11:51:16Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![certifit](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/c/c68b51/32.png) [@certifit](https://forum.bootstrapstudio.io/u/certifit)
#### Post date: [December 21, 2022, 11:51am UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739/1 "2022-12-21T11:51:16Z")

</div>

Hi,

How to remove underline from link? I added a link to the heading by using the link button on the top of the screen. I cant find any option on how to remove it. Also changing the underline settings in text options doesnt work. The underline still appears

 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/c/cefd40220b17d686da20e2d40d52091c9b236dd2.jpeg)

---

<div class="post-metadata">

### Author: ![richards](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/richards/32/3163_2.png) [@richards](https://forum.bootstrapstudio.io/u/richards)
#### Post date: [December 21, 2022, 12:03pm UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739/2 "2022-12-21T12:03:25Z")

</div>

You need to use CSS to remove it using text decoration

` h2 a {text-decoration: none;}`

---

<div class="post-metadata">

### Author: ![kuligaposten](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/kuligaposten/32/1190_2.png) [@kuligaposten](https://forum.bootstrapstudio.io/u/kuligaposten)
#### Post date: [December 21, 2022, 2:22pm UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739/3 "2022-12-21T14:22:40Z")

</div>

On the link itself you can add a classname text-decoration-none

---

<div class="post-metadata">

### Author: ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)
#### Post date: [December 21, 2022, 8:51pm UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739/4 "2022-12-21T20:51:30Z")

</div>

You have to change the CSS class that styles the link. Here’s a step-by-step explanation…

Add your link and then highlight it…  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/7/7d1a535ba03406ded3c5141730b2c880c4f52fd8.png)

In the Styles panel, find the class that is responsible for styling the link  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/2/21d5cb04810b0339aae1d1c837068fe667ee6c14.png)

Click the 3 vertical dots and copy the class to your desired custom stylesheet (ex. styles.css)  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/a/ae6add5890742c4368d5c7614ba2f0bf81c85908.png)

Double click the rule to change it…  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/4/44d705e5c902e7b22bb86321e0a69e58141180e6.png)

In this case, we change underline to none.  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/a/a4f91008e96a70e553d30203674569db5503ae83.png)

Now the underline is gone…  
 ![image](https://forum.bootstrapstudio.io/uploads/default/original/2X/6/6b21c329e9b9244cddfb68373bbb36c25a1be346.png)

---

<div class="post-metadata">

### Author: ![kuligaposten](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/kuligaposten/32/1190_2.png) [@kuligaposten](https://forum.bootstrapstudio.io/u/kuligaposten)
#### Post date: [December 22, 2022, 1:22am UTC](https://forum.bootstrapstudio.io/t/how-to-remove-underline-from-link/9739/5 "2022-12-22T01:22:07Z")

</div>

> **[Text](https://getbootstrap.com/docs/5.2/utilities/text/#text-decoration)**
>
> Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.