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

Help making code block full-width!


calehake

Question

  • Answers 9
  • Created
  • Last Reply

Top Posters For This Question

9 answers to this question

Recommended Posts

  • 0

People in the community generally need more information to be able to help. Please provide a working link to the page on your site.

Here are some top tips about posting the link: 

Try not to include anything after the .com, for example: mysite-name.squarespace.com. Don't include the /config/ link as this sends us to the admin page which we won't be able to access.

If the site is in a trial or is password-protected, please post the read-only site password. Without it, we can't see your site. More information can be found in this article: https://support.squarespace.com/hc/en-us/articles/206536837-Is-my-site-live-

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0
1 hour ago, calehake said:

So sorry, I forgot the link to the site: http://antiochphxnew.squarespace.com

Add to Home > Design > Custom CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

@tuanphan thank you! The code seems to only partially work. After putting it into the Custom CSS, the left margin is gone, but my page now shows a white margin when I scroll to the right. Before, it was full width without any ability to scroll right or left. Also, it is still not removing the padding below.

Thank you so much for your help! I've been trying everything to figure this out.

Screen Shot 2019-12-18 at 4.08.44 PM.png

Screen Shot 2019-12-18 at 4.08.52 PM.png

Link to comment
  • 0
19 minutes ago, KariLivs said:

Could you fix this by taking out the padding above and below with code? I don't know CSS and I'm looking for the same solution.

Anyone know how to achieve a full-width Instagram block in 7.1?

If you share link I can take a look. Or you can search on Forum. I solved 3-4 same questions here.

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
21 hours ago, Nikol- said:

Hi! I tried the code posted above and it did not work for my site https://www.easyorganizedliving.com/

Any suggestions as to why it isn't working?

Thanks so much for your help. 

 

Add to Home > Design > Custom CSS

footer#footer-sections>section:nth-child(1) .content-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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