Jump to content

Making a Full Bleed Instagram Feed

Recommended Posts

  • Replies 20
  • Views 3.2k
  • Created
  • Last Reply
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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. 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.