khelle Posted April 21, 2022 Share Posted April 21, 2022 Site URL: https://www.tiltbeautyforall.com/ I'm using some custom CSS to hide the title header section and make the 'Tilt' logo full bleed edge to edge. But the extra CSS is creating some extra padding/whitespace on the right side. How can I fix this? Thanks in advance! Link to comment
creedon Posted April 21, 2022 Share Posted April 21, 2022 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
khelle Posted April 21, 2022 Author Share Posted April 21, 2022 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 🙂 creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment