Jump to content

moving instagram block to edge of margins

Recommended Posts

Site URL: https://www.hayloft.media/

I would like to run an instagram block / feed across bottom of my site, flush with the margins - no spaces at the sides! can anyone help me with some code to do this on the instagram block. I have the page hidden at the moment. the url is hayloft.media  i'm using 7.1. I would be very grateful for help, thank you!

Link to comment
  • Replies 9
  • Created
  • Last Reply

Top Posters In This Topic

21 hours ago, jaggerdesign said:

https://www.hayloft.media/home-2 the page is not linked 

Id be very greatful if you could help!

Add to Home > Design > Custom CSS

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

 

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

did this solution work? I have similar problem with my 7.1 using code block. As the code given by a third party they have not included position in the code itself. I am looking for the most functional way to control the position of my code blocks on big and small screens?

Link to comment
4 hours ago, Bill_Judd said:

did this solution work? I have similar problem with my 7.1 using code block. As the code given by a third party they have not included position in the code itself. I am looking for the most functional way to control the position of my code blocks on big and small screens?

Can you share link to page where you use Code Block?

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
11 hours ago, angelicamcdaniel said:

Hi @tuanphan!

I keep seeing your name in this forum—I'm struggling with the same thing. I've tried customizing CSS a million different ways, but I can't seem to make the Instagram feed go full width (I'd also like to remove the pink background above it).

The website is: https://www.chingonaentertainment.com/ (not password protected). Thank you for any support you can lend!

Jennifer

For future member (this code works on SS 7.1 only)

[data-section-id="5e8f5399c303c07a99263bcf"] .content-wrapper {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

 

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

Jennifer

It looks like you sorted your problems with the css, just as an other thought which you probably already tried but sometimes we forget the obvious.

Did you set the block on the page to full width?

I still struggle myself to place links created with code blocks and find no info anywhere about alignments regarding them, any ideas?

Bill

 

Link to comment
18 hours ago, Bill_Judd said:

Jennifer

It looks like you sorted your problems with the css, just as an other thought which you probably already tried but sometimes we forget the obvious.

Did you set the block on the page to full width?

I still struggle myself to place links created with code blocks and find no info anywhere about alignments regarding them, any ideas?

Bill

 

above site, they removed .content-wrapper class padding/set max-width 100% & remove instagram padding

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.