Jump to content

How to remove underline under links copy?

Go to solution Solved by tuanphan,

Recommended Posts

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

 

 

Screenshot 2022-11-10 at 12.55.49.png

Link to comment

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.

Hey, I'm Jin (he/him). I'm a front end dev learning to make custom sites in Squarespace.

If you find my suggestions helpful, please upvote & like!😺

 

Link to comment
  • 2 months later...

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

 

image.png

Screenshot 2023-01-16 at 22.04.22.png

Screenshot 2023-01-16 at 22.06.19.png

Link to comment
  • Solution
On 1/17/2023 at 10:08 AM, BobbySmith said:

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

 

 

image.png

Screenshot 2023-01-16 at 22.04.22.png

Screenshot 2023-01-16 at 22.06.19.png

Try this

<style>
a, a * {
  border-bottom: none !important;
	background-image: none !important;
	text-decoration: none !important;
    }
</style>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 9 months later...
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.