Jump to content

Making a Full Bleed Instagram Feed

Recommended Posts

Add to Home > Design > Custom CSS

[data-section-id="5e30a0a019ccc812ead82550"] .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
}

 

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
28 minutes ago, danielachavez said:

Amazing thank you! I would like to also get rid of the padding at the bottom so its flushed with the newsletter footer. Any thoughts on how to? Thank you so much again.

Edit above code

[data-section-id="5e30a0a019ccc812ead82550"] .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
    padding-bottom: 0 !important;
}
div#block-6b16f1f20e7324a60957 {
    padding-bottom: 0;
}

 

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
20 hours ago, danielachavez said:

It worked, thanks!!!  but the image on the right side is not showing for some reason.

Can you share link to homepage? I can't access

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

Morning @tuanphan hope you're good. 

Thanks for the info above, really useful. I've implemented this on my site also, but the data-section-id seems to update. I presume similarly to how an id updates of the standard blocks. The data-section doesn't seem to have anything similar to a block id that stays constant.

Do you know a way of targeting it other that with that changing ID? 

Thanks for your help. 

Link to comment
4 hours ago, neal_bryant said:

Morning @tuanphan hope you're good. 

Thanks for the info above, really useful. I've implemented this on my site also, but the data-section-id seems to update. I presume similarly to how an id updates of the standard blocks. The data-section doesn't seem to have anything similar to a block id that stays constant.

Do you know a way of targeting it other that with that changing ID? 

Thanks for your help. 

each section has specific id. Can you shaer link to your site?

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

Hey @tuanphan thanks for coming back to me. The site is https://showwecare.co.uk/ and section that i'm talking about is at the top of the footer.

The aim is to have that strip visible at all times. I've realised that it may not actually be the ID that is changing, it's more that that section keeps disappearing. Is it possible that squarespace is removing it as it doesn't have any content within the section and is just a background? 

I've applied some CSS to reduce the height of the strip, but every so often need to re-add the section and swap out the ID. 

//Bottom Strip 
[data-section-id="5eac07396bf5157b9834cf00"].page-section{
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 2vh !important;
    max-height: 4vh !important;
    margin-bottom: 30px !important;
}

Thanks for your input. 

Edited by neal_bryant
Link to comment
On 5/1/2020 at 6:31 PM, neal_bryant said:

Hey @tuanphan thanks for coming back to me. The site is https://showwecare.co.uk/ and section that i'm talking about is at the top of the footer.

The aim is to have that strip visible at all times. I've realised that it may not actually be the ID that is changing, it's more that that section keeps disappearing. Is it possible that squarespace is removing it as it doesn't have any content within the section and is just a background? 

I've applied some CSS to reduce the height of the strip, but every so often need to re-add the section and swap out the ID. 


//Bottom Strip 
[data-section-id="5eac07396bf5157b9834cf00"].page-section{
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-height: 2vh !important;
    max-height: 4vh !important;
    margin-bottom: 30px !important;
}

Thanks for your input. 

It seems you solved? I see strip all devices.

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
  • 2 weeks later...
  • 3 weeks later...
  • 3 weeks later...
1 hour ago, maggiblue said:

Hello, along these lines... I would like to make my IG carousel feed full width and I'd like some padding in-between my images. Might you have a solution for a 7.1 site? 

magpiecreativeshop.com

pw: password

Thanks!

 

Add to Home > Design > Custom CSS

[data-section-id="5eb6c8ee037e1462981e1dfe"] {
.content-wrapper {
    max-width: 100%;
    padding: 0 !important;
}
.sqs-gallery-design-strip-slide {
    padding: 10px;
}
}

 

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
43 minutes ago, maggiblue said:

Amazing! Thanks!

Can you tell me where you found the section id? I couldn't locate it. 

 

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff

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...
On 7/23/2020 at 8:32 AM, Mimiinthesea said:

Hi @tuanphan, I've added an instagram strip to my site but I want it to be 1 row, 6 photos, stretching across the bottom like @danielachavez on her gorgeous site. Can you help me out?

Thanks in advance!

Site: https://clarinet-fish-8ydw.squarespace.com/
Psssword: PresMasterCoor2020

Did you send me an email? If yes, I sent the answer.

You can also post the answer here. Other members can use.

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.