Frnato
  • PERSONAL GROWTH
    Finding the balance between work and life when working from home

    Finding the balance between work and life when working from home

    Effective steps to reduce decision fatigue

    Effective steps to reduce decision fatigue

    How to Love Yourself: 8 Self-love Practices that Will Change Your Life for the Better

    How to Love Yourself: 8 Self-love Practices that Will Change Your Life for the Better

    Is Self Love Selfish? 10 Ways Self Love Benefits Everyone

    Is Self Love Selfish? 10 Ways Self Love Benefits Everyone

    How to Believe in Yourself When It Feels Like Nobody Else Does

    How to Believe in Yourself When It Feels Like Nobody Else Does

    25 Small Ways to Improve Your Life and Feel Happier

    25 Small Ways to Improve Your Life and Feel Happier

    How to Be Productive When You Really Don’t Feel Like It

    How to Be Productive When You Really Don’t Feel Like It

    10 Self-Love Instagram Accounts You Should Follow Right Now

    10 Self-Love Instagram Accounts You Should Follow Right Now

    10 Easy Self-Care Practices for Stress Relief

    10 Easy Self-Care Practices for Stress Relief

  • MAKE MONEY ONLINE
    22 Best Paid Surveys For Teens To Make Some Extra Cash

    22 Best Paid Surveys For Teens To Make Some Extra Cash

    Timebucks Review: Learn How To Make Money Online

    Timebucks Review: Learn How To Make Money Online

    The Best Locksmith Course Online: Learn To Make $1,000’s

    The Best Locksmith Course Online: Learn To Make $1,000’s

    Make $1,000’s Selling Candles From Home

    Make $1,000’s Selling Candles From Home

    Best Gig Economy Apps To Use Right Now To Make $1,000’s

    Best Gig Economy Apps To Use Right Now To Make $1,000’s

    40 Best Jobs For Stay At Home Moms With No Experience

    40 Best Jobs For Stay At Home Moms With No Experience

    19 Awesome Apps That Pay You To Exercise

    19 Awesome Apps That Pay You To Exercise

    Is A Car An Asset Or Liability?

    Is A Car An Asset Or Liability?

    9 Financial Literacy Topics You Need To Learn About

    9 Financial Literacy Topics You Need To Learn About

  • START YOUR BUSINESS
    16 Best Money Books For Kids To Learn Personal Finance

    16 Best Money Books For Kids To Learn Personal Finance

    29 Best Stock Market Movies To Watch Right Now

    29 Best Stock Market Movies To Watch Right Now

    9 Financial Literacy Topics You Need To Learn About

    9 Financial Literacy Topics You Need To Learn About

    Is A Car An Asset Or Liability?

    Is A Car An Asset Or Liability?

    The 5 Elements of a Personal Brand

    The 5 Elements of a Personal Brand

  • PERSONAL GROWTH
    Finding the balance between work and life when working from home

    Finding the balance between work and life when working from home

    Effective steps to reduce decision fatigue

    Effective steps to reduce decision fatigue

    How to Love Yourself: 8 Self-love Practices that Will Change Your Life for the Better

    How to Love Yourself: 8 Self-love Practices that Will Change Your Life for the Better

    Is Self Love Selfish? 10 Ways Self Love Benefits Everyone

    Is Self Love Selfish? 10 Ways Self Love Benefits Everyone

    How to Believe in Yourself When It Feels Like Nobody Else Does

    How to Believe in Yourself When It Feels Like Nobody Else Does

    25 Small Ways to Improve Your Life and Feel Happier

    25 Small Ways to Improve Your Life and Feel Happier

    How to Be Productive When You Really Don’t Feel Like It

    How to Be Productive When You Really Don’t Feel Like It

    10 Self-Love Instagram Accounts You Should Follow Right Now

    10 Self-Love Instagram Accounts You Should Follow Right Now

    10 Easy Self-Care Practices for Stress Relief

    10 Easy Self-Care Practices for Stress Relief

  • MAKE MONEY ONLINE
    22 Best Paid Surveys For Teens To Make Some Extra Cash

    22 Best Paid Surveys For Teens To Make Some Extra Cash

    Timebucks Review: Learn How To Make Money Online

    Timebucks Review: Learn How To Make Money Online

    The Best Locksmith Course Online: Learn To Make $1,000’s

    The Best Locksmith Course Online: Learn To Make $1,000’s

    Make $1,000’s Selling Candles From Home

    Make $1,000’s Selling Candles From Home

    Best Gig Economy Apps To Use Right Now To Make $1,000’s

    Best Gig Economy Apps To Use Right Now To Make $1,000’s

    40 Best Jobs For Stay At Home Moms With No Experience

    40 Best Jobs For Stay At Home Moms With No Experience

    19 Awesome Apps That Pay You To Exercise

    19 Awesome Apps That Pay You To Exercise

    Is A Car An Asset Or Liability?

    Is A Car An Asset Or Liability?

    9 Financial Literacy Topics You Need To Learn About

    9 Financial Literacy Topics You Need To Learn About

  • START YOUR BUSINESS
    16 Best Money Books For Kids To Learn Personal Finance

    16 Best Money Books For Kids To Learn Personal Finance

    29 Best Stock Market Movies To Watch Right Now

    29 Best Stock Market Movies To Watch Right Now

    9 Financial Literacy Topics You Need To Learn About

    9 Financial Literacy Topics You Need To Learn About

    Is A Car An Asset Or Liability?

    Is A Car An Asset Or Liability?

    The 5 Elements of a Personal Brand

    The 5 Elements of a Personal Brand

No Result
View All Result
No Result
View All Result
Home Life Hack

Create A Full Width Instagram Feed On Squarespace

Team Frnato by Team Frnato
May 18, 2020
in Life Hack, START YOUR BUSINESS
0
470
SHARES
1.5k
VIEWS
Share on FacebookShare on Twitter



Expand-The-Instafeed 8.jpg

 

In this tutorial, I’m going to show you very quickly how you can create a page that allows your Instagram feed block to go all the way across the full width of your Squarespace page.

Some people put this in their footer. I don’t do it that way. I like to create an index and put it in one of the pages of that index within Squarespace. That way it doesn’t always show in my footer in case I am wanting to create a sales or landing page with a specific focus or purpose.

banner

So let’s go through this step by step. I’m showing exactly what I have done on my website. I use the Rally Template which is part of the Brine family. Depending on what template and family it is a part of, your CSS may look slightly different. Here is what it should like once we are done in your CSS editor.

/* INSTAGRAM BLOCK FULL WIDTH CSS */

#instagram-1 {.Index-page-content {max-width:none;}
.Index-page-content {padding:0;}}

Part 1 – Make sure your instagram account is linked.

  1. Go to Settings > Connected Accounts > Connect Account > Instagram

Part 2 -Setting up the Index page and block

  1. Create a page in an index specifically for the Instagram feed block.

  2. Insert the Instagram block. I have set mine to eight images wide. I like no space in between the gutters.

CSS Instagram and Squarespace- brittneyrossie.com

CSS Instagram and Squarespace- brittneyrossie.com

3. The next thing you need to identify is what your URL slug is. This is important for when we add some custom CSS. You can find it by looking at the settings for your page. Mine is Instagram-1.

CSS Instagram and Squarespace- brittneyrossie.com

Part 3 -Custom CSS

  1. Go to Design > Custom CSS

  2. Label your CSS so you can easily find it by framing the text using forward slash asterisk and the asterisk, forward slash like this:

/* INSTAGRAM BLOCK FULL WIDTH CSS */

3. Type hashtag (#) with the URL slug of the very end of it as your label. Like this: #instagram-1

4. Copy/paste this CSS that will remove the padding from both sides of your website:

#instagram-1 {.Index-page-content {max-width:none;}
.Index-page-content {padding:0;}}

So that’s how you create a full width page in Squarespace using up just a little bit of custom code.

Now this is specifically set up for index pages in the Brine family of templates. It won’t work if you tried to do this someplace else, like your footer. You’ll have to use different # labels such as #footer.

However, I like doing it this way because I can easily duplicate the page and insert it elsewhere on my site in other indexes quickly.





banner
Previous Post

One Question That Will Change Your Business

Next Post

4 Ways You Are Confusing Clients

Next Post
4 Ways You Are Confusing Clients

4 Ways You Are Confusing Clients

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

banner

Categories

  • Life Hack
  • MAKE MONEY ONLINE
  • PERSONAL GROWTH
  • START YOUR BUSINESS

This is a place for doers – lean entrepreneurs – who don’t stop til they’ve outwitted and outworked everyone else. Whether you’re scaling up your small business or building a brand from scratch, we’ve got the resources you need to keep you informed and at the top of your game.

  • Privacy & Policy
  • Contact Us

© 2020 - All Right Reserve Frnato.com.

No Result
View All Result
  • Become a Seller
  • Cashback
  • Contact Us
  • domain search
  • Home
  • Home 1
  • Home 2
  • Home 3
  • Home 4
  • Home 5
  • Privacy Policy

© 2020 - All Right Reserve Frnato.com.

Subscribe Now

You have successfully subscribed to the newsletter

There was an error while trying to send your request. Please try again.

Frnato will use the information you provide on this form to be in touch with you and to provide updates and marketing.