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

How to make a code block full width?


grayscaleprint

Question

  • Answers 16
  • Created
  • Last Reply

Top Posters For This Question

16 answers to this question

Recommended Posts

  • 0

@grayscaleprint Add to Home > Design > Custom CSS


div#map-block-liverpool-page {
   max-width: 100%;
   padding-left: 0;
   padding-right: 0;
}


Link to post
  • 0

@grayscaleprint code block, you mean Maps?

Try this


 div#map-block-liverpool-page {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


Link to post
  • 0

@grayscaleprint


 div#map-block-liverpool-page {
     max-width: 100% !important;
     padding: 0 1px 2px 3px !important;
 }

0 1 2 3 is padding top - right - bottom - left.

Looks fine here

Link to post
  • 0

@tuanphanIt looks like you might have the answer to my question. I am trying to embed an ESRI Story Map into my website and can't seem to get it to be full width. Where do I put the code that you provided above? the Custom CSS section, or the CSS attached to the window i've embedded a source code into?

Thanks for any help.

Link to post
  • 0
2 hours ago, jsmithsb said:

@tuanphanIt looks like you might have the answer to my question. I am trying to embed an ESRI Story Map into my website and can't seem to get it to be full width. Where do I put the code that you provided above? the Custom CSS section, or the CSS attached to the window i've embedded a source code into?

Thanks for any help.

Can you share link to that page?

Link to post
  • 0

Was trying to solve this problem for two days before finally finding the solution somewhere else online! This worked for me:

1) Target your block of code, ideally using a class that you set within the block rather than a page section, and make sure you've applied the following (as folks have mentioned above):

Quote

 overflow-x: hidden !important;
 max-width: 100% !important;

2) CRITICAL: If it hasn't worked, edit your code block's settings and set the Content Width to "L." (See attached.)

omg.png

Link to post
  • 0
On 5/6/2021 at 12:33 AM, mitchelhunt said:

Was trying to solve this problem for two days before finally finding the solution somewhere else online! This worked for me:

1) Target your block of code, ideally using a class that you set within the block rather than a page section, and make sure you've applied the following (as folks have mentioned above):

2) CRITICAL: If it hasn't worked, edit your code block's settings and set the Content Width to "L." (See attached.)

omg.png

To find block id, use this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

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