moving instagram block to edge of margins

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!

Can you share link to page where you insert Instagram?

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

Id be very greatful if you could help!

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

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?

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?

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

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

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

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