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

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


khelle

Question

  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 0

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 best , and see my profile. Thanks for your support!

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