Jump to content

Link to someone else's social media?

Recommended Posts

As a graphic and website designer, I would like to be able to link to my clients' social media pages. However, adding a social bar to their page in my portfolio only gives me the option to link to my own profiles; if I enter another profile, it'll change the links to that same page (theirs) in other areas of my site. Is there a way to use a social bar that links to my clients' profiles without changing mine?

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Yes. If you can add Code Block or Markdown Block, you can use some syntax to insert different social links.

also which plan do you use? Personal or Business?

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
  • 4 weeks later...
3 hours ago, janandsusan1 said:

@tuanphanI have a similar question for a website with business plan. The site is: https://badguild.info.  My client has a membership directory (set up as blog summary) here: https://badguild,info/directory

For each member profile, she wants icons with links to that person's Instagram and LinkedIn accounts. Is this doable with code block? 

Use this Code Block. Replace # with Instagram - LinkedIn url

<ul class="t-social">
<li>
  <a href="#">
  <i class="fa fa-linkedin-square"></i>
  </a>
</li>
<li>
  <a href="#">
  <i class="fa fa-instagram"></i>
  </a>
</li>
</ul>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  /* social icons code */
.t-social {
    display: block;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
  	padding-left: 0;
}
  .t-social li {
  display: inline-block;
    margin: 0;
    line-height: 100%!important;
  }
  /* Icons Color */
  .t-social .fa {
    font-size: 26px;
    margin: 0 8px;
    color: #8d8d8d;
}
  /* Icons Hover Color */
  .t-social .fa:hover {color:#4285f4;}
</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.