Grl4Real Posted March 25 Share Posted March 25 (edited) I've already added a code to remove the header and footer for the page which is what I want to keep. I would now like to reduce the height between the paragraph that says "unlock your child's potential" and the section titled "STEM Club Schedule". I need to use coding for this as I've already gone the least amount for adjustable height using SquareSpace's settings and it's not enough. Is there a way for me to use coding to do this but keep the existing coding in place for the removal of the header and footer? Edited March 25 by Grl4Real Link to comment
justinjamesclack Posted March 25 Share Posted March 25 7 minutes ago, Grl4Real said: I've already added a code to remove the header and footer for the page which is what I want to keep. I would now like to reduce the height between the paragraph that says "unlock your child's potential" and the section titled "STEM Club Schedule". I need to use coding for this as I've already gone the least amount for adjustable height using SquareSpace's settings and it's not enough. Is there a way for me to use coding to do this but keep the existing coding in place for the removal of the header and footer? Do you have the url, so that I can have a quick look? Link to comment
Grl4Real Posted March 25 Author Share Posted March 25 14 minutes ago, justinjamesclack said: Do you have the url, so that I can have a quick look? https://newearthwondersschool.com/stem Link to comment
justinjamesclack Posted March 25 Share Posted March 25 This is an easy fix, In editor mode, click on the edit section pencil icon, and make sure the fill section is off. This should remove the gap between the 2 elements. Be aware though that this might make the gap too small, in which case you can adjust the row count in that section and increase the row amount by 1. Link to comment
Grl4Real Posted March 25 Author Share Posted March 25 11 minutes ago, justinjamesclack said: This is an easy fix, In editor mode, click on the edit section pencil icon, and make sure the fill section is off. This should remove the gap between the 2 elements. Be aware though that this might make the gap too small, in which case you can adjust the row count in that section and increase the row amount by 1. I don't see the same options as you. Link to comment
justinjamesclack Posted March 25 Share Posted March 25 3 minutes ago, Grl4Real said: I don't see the same options as you. Are you using Squarespace 7.1 or 7.0? Alternatively if you make me an editor I can do this for you. Link to comment
creedon Posted March 25 Share Posted March 25 The site is v7.1 and the section is a Classic Editor section. Grl4Real 1 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
creedon Posted March 25 Share Posted March 25 Add the following to Website > Website Tools > Custom CSS. .page-section[ data-section-id="65ff77d61a3d9e7d7a03bfd1" ].background-width--inset:not( .content-collection ):not( .gallery-section ):not( .user-items-list-section ) { padding-bottom : 0px; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment