Jump to content

stoping text block width to rescale

Recommended Posts

  • Replies 1
  • Views 245
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

For the page you show set the width of the section to L (large).

The following CSS is not a solution but more of an experiment.

.page-section.content-width--wide .content {

  width : calc( 800px - ( 3vw * 2 ) );
  
  }

@media screen and ( max-width : 800px) {

  .page-section.content-width--wide .content {
  
    width : unset;
    
    }
  
  }

You can add this to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.

Or, you could throw it into a code block wrapped with <style> and </style>.

You can of course change the 800px values.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.