Jump to content

Add a link to text in code block

Recommended Posts

  • Replies 3
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

From looking at your site, it looks like you've been able to do this already. If you only wanted an icon link that opened up in a new tab (rather than the text), try this in your Code Block:

<a target="_blank" href="https://www.linkedin.com/" target="_blank"> <i class="fa fa-linkedin" aria-hidden="true"></i><span class="sr-only">LinkedIn</span></a>

Replace https://www.linkedin.com/ with your own LinnkedIn profile link

The LinkedIn icon comes from Font Awesome, so make sure to add this link to your Contact page's Code Injection in the Advanced section:

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />

 

Link to comment
  • 1 year later...

Hi

I have this code text block 

<h4 style="text-align: center" >01/<span 
style="color:#cbc6c1; font-family: Arno Pro Display; font-size: 40px"> SERVICES</span></h4>

Looking like this: 

01/  SERVICES

But I want to make the "01" in Gray and "SERVICES" in Black - So it's changing the colors but keeping the same fonts, and also pointing to a link.

I can't find it anywhere, and it's hard for someone who doesn't know anything about code.

Thank you all

Link to comment
On 8/21/2021 at 12:10 AM, iko said:

Hi

I have this code text block 

<h4 style="text-align: center" >01/<span 
style="color:#cbc6c1; font-family: Arno Pro Display; font-size: 40px"> SERVICES</span></h4>

Looking like this: 

01/  SERVICES

But I want to make the "01" in Gray and "SERVICES" in Black - So it's changing the colors but keeping the same fonts, and also pointing to a link.

I can't find it anywhere, and it's hard for someone who doesn't know anything about code.

Thank you all

Can ou share link to page where you have problem? We can check code easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.