Jump to content

Multiple Instagram accounts

Recommended Posts

Site URL: https://www.premiumpt.no

Hi, 

So I want all of my team members to have the possible to add their own Instagram account to their profil on my website. Since I don´t have their passwords I can´t use the Squarespace Intagram block. 

Is there a way to make this work??

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

First, add a Code Block at bottom of Team page >> paste this code

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<style>
  /* code block padding top bottom */
  .code-block {
    padding-top: 0;
    padding-bottom: 0;
}
  /* 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;
  }
  .t-social li i {
    font-size: 30px;
    margin: 0 20px;
}
</style>

Next, Add a Code Block under each member >> paste this code

<ul class="t-social">
<li>
  <a href="http://instagram.com">
 <i class="fab fa-instagram"></i>
  </a>
</li>
</ul>

Change instagram url for each member

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
17 minutes ago, tuanphan said:

First, add a Code Block at bottom of Team page >> paste this code


<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<style>
  /* code block padding top bottom */
  .code-block {
    padding-top: 0;
    padding-bottom: 0;
}
  /* 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;
  }
  .t-social li i {
    font-size: 30px;
    margin: 0 20px;
}
</style>

Next, Add a Code Block under each member >> paste this code


<ul class="t-social">
<li>
  <a href="http://instagram.com">
 <i class="fab fa-instagram"></i>
  </a>
</li>
</ul>

Change instagram url for each member

I think I´ve done it right, but the feed won´t show. It only shows 4 small black lines

Link to comment
22 minutes ago, Kesia said:

I think I´ve done it right, but the feed won´t show. It only shows 4 small black lines

You mean show feeds or show instagram icon? Above code is show instagram icons.

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
22 hours ago, Kesia said:

Show feed 🙂 

If feed, you can try this free tool. Not sure it will work. I haven't tried it yet.

 

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.