How to remove underline under links copy?

Hi!

I would be curious to know how to remove the underline bellow some links that are actually main titles in my homepage. 

(not part of the header).

I assume it's through code, but if so, how to I add to the code of the section I want to edit?

Right now, the only code I can interact with (or add to) is the header code unless I am mistaken. (I don't know much about code)

Thanks a lot

If you have a personal plan, you'll want to add a code block to the page, or if you have a higher plan, you can go to your Design panel and click on Custom CSS.

For the code block, try:

<style>

// Remove Underlines From Links //
    a {
  border-bottom: none!important;
    }

<style>

If you put it in Custom CSS, you don't need the opening and closing style tags (which indicate that the code is CSS, for the code block). You can directly just put in:

// Remove Underlines From Links //
    a {
  border-bottom: none!important;
    }

Note if used in Custom CSS, this will remove underlines from all links on your website. If you want it only to apply to your home page, you'll want to use a code block, or put your url here so folks can help you target that page only.

Amazing. Thank you so much, this is very clear.

I don't have a plan yet, but testing the capabilities before I get one.

I'll let you know soon if I have more questions. 

Again, Many thanks.

Hi!

I finally got a plan but cannot seem to figure out how to remove the link underlines.

I'd like to remove the underlines just within a specific section so I added a code block within the actual section and pasted: 

<style>

// Remove Underlines From Links //
    a {
  border-bottom: none!important;
    }

<style>

but unfortunately, all I get is my background (image or art) removed but the underlines are still there.

Am I missing something very obvious here?

Many thanks

Perfecto, works. Thanks so much.

On 11/3/2023 at 2:04 AM, Chrisss said:

I used this code and it worked great for my links within the text blocks, however, it also erased the line at the bottom of a button I had in the same section. Any fix for this? Thanks.

Use this new code

<style>
a:not([class*="button"]), a:not([class*="button"]) * {
  border-bottom: none !important;
	background-image: none !important;
	text-decoration: none !important;
    }
</style>

Thank you so much!

I also have this problem. I tried the code from this forum and this one, but no luck. Nothing happens at all.

On 2/21/2024 at 9:37 AM, nowavves said:

I also have this problem. I tried the code from this forum and this one, but no luck. Nothing happens at all.

You can share link to page where you have problem, we can help easier, or try this code to Website Tools > Custom CSS

div.html-block a, div.html-block a * {
	background-image: none !important;
	text-decoration: none !important;
	border-bottom: none !important;
}

That worked, thank you @tuanphan!