natasha2 Posted October 15, 2019 Share Posted October 15, 2019 Hi, This is my first time using the forum so hope I'm doing this right.. I am creating a site with index pages and there appears to be an excess of blank space between each page section within the index page. Does anyone know how I can decrease it? Link to comment
colin.irwin Posted October 15, 2019 Share Posted October 15, 2019 It depends upon the template you are using.. Can you share the template name and also a url to the site? Asiya, natasha2 and Shoni 2 1 If you're looking for a Squarespace Developer, drop me a line. Link to comment
natasha2 Posted October 16, 2019 Author Share Posted October 16, 2019 Hi Colin, The template is Hadyn. Is it possible for me to send the url even though the site isn't live yet? Thanks for your help! Link to comment
colin.irwin Posted October 16, 2019 Share Posted October 16, 2019 (edited) 1 minute ago, natasha2 said: Is it possible for me to send the url even though the site isn't live yet? It is. Go to Settings > Site Visibility > Password Protected and add a password Then share the url and password here. Edited October 16, 2019 by colin.irwin If you're looking for a Squarespace Developer, drop me a line. Link to comment
natasha2 Posted October 16, 2019 Author Share Posted October 16, 2019 password neonrockssite555 URL neon-rocks.squarespace.com Link to comment
colin.irwin Posted October 16, 2019 Share Posted October 16, 2019 The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; } Asiya, natasha2, tuanphan and 2 others 3 2 If you're looking for a Squarespace Developer, drop me a line. Link to comment
natasha2 Posted October 16, 2019 Author Share Posted October 16, 2019 Thank you that's amazing! colin.irwin 1 Link to comment
LaurenChilds Posted April 21, 2020 Share Posted April 21, 2020 I'm trying to get the blue to match up between index pages without the banner image showing between sections - I set the padding to 0 and it worked great on desktop but on mobile I'm still having a gap between - any ideas? Using Brine. capybera-pigeon-wkpt.squarespace.com PW: shine Link to comment
Asiya Posted August 19, 2020 Share Posted August 19, 2020 On 10/16/2019 at 2:17 PM, colin.irwin said: The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; } Hi, I used this code but I want to adjust the padding of my first section only. Can you help? Thanks in Advance. Link to comment
Asiya Posted August 19, 2020 Share Posted August 19, 2020 (edited) On 10/16/2019 at 2:17 PM, colin.irwin said: The default section padding is 96px at the top and bottom. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. @sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; } Hi, @colin.irwin I used this code but I want to adjust the padding of my first section only. Can you help? Thanks in Advance. Edited August 19, 2020 by Asiya Link to comment
colin.irwin Posted August 19, 2020 Share Posted August 19, 2020 8 minutes ago, Asiya said: Hi, @colin.irwin I used this code but I want to adjust the padding of my first section only. Can you help? Thanks in Advance. Try this @sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; } Asiya 1 If you're looking for a Squarespace Developer, drop me a line. Link to comment
Asiya Posted August 19, 2020 Share Posted August 19, 2020 8 minutes ago, colin.irwin said: 17 minutes ago, Asiya said: Try this @sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; } Hi there's still alot of padding although I changed it to zero. Link to comment
colin.irwin Posted August 19, 2020 Share Posted August 19, 2020 Can you post a link to the page in question? Asiya 1 If you're looking for a Squarespace Developer, drop me a line. Link to comment
Asiya Posted August 19, 2020 Share Posted August 19, 2020 13 minutes ago, colin.irwin said: Can you post a link to the page in question? Yes sure. Link to comment
Novice_Rebs Posted July 26, 2021 Share Posted July 26, 2021 Hi @colin.irwin, I am trying to remove the side padding completely on one specific index page on a site page. Could I use a similar code? Can you tell me what the proper code for this would be? Thanks! Link to comment
tuanphan Posted July 27, 2021 Share Posted July 27, 2021 10 hours ago, Novice_Rebs said: Hi @colin.irwin, I am trying to remove the side padding completely on one specific index page on a site page. Could I use a similar code? Can you tell me what the proper code for this would be? Thanks! Can you share link to index page? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SalmaMaged Posted November 26, 2021 Share Posted November 26, 2021 (edited) So I tried your first code and it worked but for the whole website. I'd like to do it only between the sections of this page https://www.leep4impact.org/partners-2. I tried putting a rule before the code (i.e #name of page followed by your code and 2x this symbol '}}' at the end because it said it was missing) But then nothing happened. Edited November 26, 2021 by SalmaMaged Link to comment
tuanphan Posted November 29, 2021 Share Posted November 29, 2021 On 11/26/2021 at 10:24 PM, SalmaMaged said: So I tried your first code and it worked but for the whole website. I'd like to do it only between the sections of this page https://www.leep4impact.org/partners-2. I tried putting a rule before the code (i.e #name of page followed by your code and 2x this symbol '}}' at the end because it said it was missing) But then nothing happened. You want to remove this space? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
SalmaMaged Posted December 1, 2021 Share Posted December 1, 2021 (edited) yes, exactly. But I just realized I had linked a wrong page name! So when i fixed that it worked. Thank you very much!! Edited December 1, 2021 by SalmaMaged Link to comment
mrooney Posted January 15, 2022 Share Posted January 15, 2022 So what code did you use to get it to work on that specific url? Where in the code did you insert it? I am having the same issue with the extra padding between sections. Link to comment
tuanphan Posted January 17, 2022 Share Posted January 17, 2022 On 1/15/2022 at 11:27 AM, mrooney said: So what code did you use to get it to work on that specific url? Where in the code did you insert it? I am having the same issue with the extra padding between sections. Can you share link to your site? Each template will need a different solution Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
DomDom282 Posted April 13 Share Posted April 13 (edited) Thanks for this. I just had this same issue and tried the code but the gap has not reduced. I'm not sure what I've done wrong. This is my page and I'm using V7.0 Brine. https://www.louisedemasi.com/online-classes Can anyone suggest what I'm doing wrong? Edited April 13 by DomDom282 added version and template Link to comment
tuanphan Posted April 16 Share Posted April 16 On 4/13/2023 at 8:34 AM, DomDom282 said: Thanks for this. I just had this same issue and tried the code but the gap has not reduced. I'm not sure what I've done wrong. This is my page and I'm using V7.0 Brine. https://www.louisedemasi.com/online-classes Can anyone suggest what I'm doing wrong? The page looks fine. Can you take a screenshot of gap? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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