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

moving instagram block to edge of margins

Question

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!

Share this post


Link to post

9 answers to this question

Recommended Posts

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

 


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

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?

Share this post


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


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

 


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

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

 

Share this post


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


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