Jump to content

Code Block - Full Height Adjustment

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Add the following to Design > Custom CSS.

// full bleed blocks, uses LESS

[data-section-id="627039bf1a0c94590514a959"],

  {
  
    * {
    
      padding : 0 !important;
      
      }
      
    .sqs-layout {
    
      > .sqs-row {
      
        margin-left : 0;
        margin-right : 0;
        
        }
        
      .sqs-row .sqs-block {
      
        padding : 0 !important;
        
        }
        
      }
      
  }

This is for v7.1 and specific to the poster's need.

To address multiple blocks just repeat the first line and change the id.

Let us know how it goes.

Edited by creedon
version 3

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

I have updated my previous post. It now says take out all the padding for all elements in the indicated section.

One thing I did notice, is that the code block is not responsive on very wide viewports. This appears to be a limitation of the code. You may want to consider putting a background color on that section for those who might view your page wide viewports.

363273299_ScreenShot2022-05-06at11_24_22AM.thumb.png.ea9f0edf8b4cb449592546740230e024.png

Let us know how it goes.

Edited by creedon

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

Hi there,

Thank you again for the help - yes, it does work to remove that white space in mobile however the title of the slide is very close to the top margin - could code be added to pad just the top of the slider - I managed to solve the bottom pagination icons by setting them to "outside" of the image as they were also getting lost on the page. Sorry for all this fuss - picky clients.

Best,

Martin

Link to comment
Quote

the title of the slide is very close to the top margin

I'm not seeing this. Could you post a pic to show what you are seeing?

I also updated my code again as I forgot to remove some margins that cause overflow.

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.