Jump to content

How to remove the extra white space on the right side of my website?

Recommended Posts

  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Remove ( make a copy somewhere ) previous attempts at this effect.

Add the following to Design > Custom CSS.

/* begin home page image block full bleed */

  html:not( .squarespace-damask ) .homepage #page .page-section:first-child .content-wrapper {
  
    padding : 0;
    /* padding-bottom : 0; */
    
    }
    
  html:not( .squarespace-damask ) .homepage #page .page-section:first-child .sqs-layout > .sqs-row {
  
    margin-left : 0;
    margin-right : 0;
    
    }
    
  html:not( .squarespace-damask ) #block-yui_3_17_2_1_1650565459874_2456 {
  
    padding-left : 0;
    padding-right : 0;
    
    }
    
  /* end home page image block full bleed */

This is for v7.1 and specific to the posters need.

This effect is not active in Preview so as not to interfere with editing. Use private browsing. I also threw in a commented out padding bottom if you need more space between the image and content below.

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
25 minutes ago, creedon said:

Remove ( make a copy somewhere ) previous attempts at this effect.

Add the following to Design > Custom CSS.

/* begin home page image block full bleed */

  html:not( .squarespace-damask ) .homepage #page .page-section:first-child .content-wrapper {
  
    padding : 0;
    /* padding-bottom : 0; */
    
    }
    
  html:not( .squarespace-damask ) .homepage #page .page-section:first-child .sqs-layout > .sqs-row {
  
    margin-left : 0;
    margin-right : 0;
    
    }
    
  html:not( .squarespace-damask ) #block-yui_3_17_2_1_1650565459874_2456 {
  
    padding-left : 0;
    padding-right : 0;
    
    }
    
  /* end home page image block full bleed */

This is for v7.1 and specific to the posters need.

This effect is not active in Preview so as not to interfere with editing. Use private browsing. I also threw in a commented out padding bottom if you need more space between the image and content below.

Let us know how it goes.

That did it! Amazing, thanks so much 🙂

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.