Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
danielachavez

Making a Full Bleed Instagram Feed

Question

20 answers to this question

Recommended Posts

  • 0

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.

Share this post


Link to post
  • 0
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;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

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. 

Share this post


Link to post
  • 0
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?


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
Posted (edited)

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

Share this post


Link to post
  • 0
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.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0

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! 

Share this post


Link to post
  • 0

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!

 

Share this post


Link to post
  • 0
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;
}
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post
  • 0
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.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...