Making a Full Bleed Instagram Feed

Site URL: https://round-vanilla-7mwd.squarespace.com/

Does anyone know a code for a full width instagram feed? 

I am using Squarespace 7.1 and I have found codes online for 7.0 but none of them work. Thanks in advance. 

Your site is private. Can you setup password & share url?

https://round-vanilla-7mwd.squarespace.com

password: gypset2020

thank you!

Add to Home > Design > Custom CSS

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

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.

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;
}

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

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

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. 

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?

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. 

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.

Weirdly seems to be staying put this time, but I haven't changed the approach.

This is probably the 8th time of adding a section within the footer, so it may disappear, but who knows 😀

Thanks for looking though! 

Can I possibly hop in here and ask for some help for the same thing please?

hey @chelseysomo apologies I didn't see you comment. Were you able to find a solution? If not what were you trying to achieve? 

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!

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;
}
}

Amazing! Thanks!

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

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

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

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.