Squarespace remove section padding.
I am using Squarespace 7.
Squarespace remove section padding. Feel free to play with -20vh.
Squarespace remove section padding The section ID is section[data-section-id="673b78b9e11fee35db15d4d7"] I managed to work around it by changing the "Content Section Padding" from 60px to 0px and then add a "spacer" at the top and bottom of each page except for the homepage. com/stills, but it doesn't seem Squarespace Forum; Circle Benefits . tuanphan . How can I reduce the padding in between all sections to make for a seamless website? This is for my web it's actually a section, you can use this tool to get block/section unique id section[data-section-id="604cd95eccf08c42a6bdbe89"] . Image is at the very bottom of its section looking to reduce the gap between it and the following gallery by reducing the top padding on this specific gallery block so it is the same distance as the spacing in the gallery. I want to remove the space completely. And the problem is even worse on mobile. content-wrapper { padding-top:0!important; padding-left:0!important; padding-right:0!important; overflow-x:hidden; max-width: 100%!important;} https://turtle-seadragon-7bz3. This guide will explain the benefits of header padding, padding options, and how to Hi, as you can see in my screenshot I have a text section and then a gallery underneath. Let us know how it goes. squarespace Squarespace Forum; Circle Benefits . Thanks for your help! Edited October 30, 2024 by Snowcoconut00 @nataliaamelia you can't remove really, because that space is reserved for the hover image. I want to remove the white space at the the top of the image only. Go to solution Solved by Site URL: https://www. Edited June 7, 2022 by creedon To override some core CSS, you may need to add !important to certain elements. Increasing header padding can enhance your website’s aesthetics and provide a more professional appearance. Normally, we don’t get to see this unevenness because the rest Create an account or sign in to comment. This will remove padding at the top of every page. There's no added section there, and I've tried about a dozen CSS codes to delete the padding - None of them h Decreasing Section Padding Squarespace 7. There are many ways to reduce the space between sections in Squarespace. I'm not even sure what's causing this It seems that you have an empty section. For example, if you want to reduce the space There are a few different ways that you can remove padding from your Squarespace site. It seems Squarespace has set some kind of "desktop" only extra padding at the bottom of new sections and I t So this code here removes the top padding completely. You need to be a member in order to leave a comment I've searched the forums but nothing I try seems to get rid of the bottom padding for my gallery block slideshow (the orange area). content-wrapper I need to remove the space between these specific sections: I'm not sure if its the padding I should remove or what. section-background img display:none; also changing the section name with the chrome extension, but nothing seems working. The !important rule is a way to make your CSS cascade but also have the rules you feel are most crucial always be applied. ) Next use the SquareKicker Section Tool to adjust the "Layer Level" to 1. Right now I have the portfolio set to hover: follow cursor You mean Elfsight Code Block? Add to Design > Custom CSS > Save & reload the site /* Elfsight code Block */ [data-section-id="61d3c6b8d84036572456d8e4"] . ) Make the Section Content align to the bottom with Fluid Engine first so you do not have to move it past the Section padding or remove the Section "Fill Screen" to remove the section padding. Just increase or decrease the margin bottom to -15px . index-section-wrapper. I want the video block to be perfectly aligned with the gallery sections below ( see images below for reference ) I did find a solution to work around this. I tried reaching out to the Squarespace help desk, because I think this might be some sort of glitch. Basically, when a page has not so much content it appears a blank space (if you have a coloured background, if it's Captions and space between image and text. 4. I have attached a photo. Posted May 25, 2020. The code i'm currently using is this but it's not working // Remove padding on sections // [data-section-id="XXXXXXXX"] . I've tried removing padding from the section too. rugersrescues. i've already applied a piece of code to remove padding on all the other areas of the site however it hasn't been applied to the overlay areas as seen in the image above. Please see attached images. I'd like to add a title to a gallery, but since Squarespace eliminated the gallery block and replaced it with only offering a gallery section, there's way too much padding between the title (in it's own section) and the gallery (in it's own section). Posted July Site URL: https://www. You need to be a member in order to leave a comment How to Find the Margin or Padding. I want to keep the padding on the other 3 sides the same. The default section padding is 96px at the top and bottom. How would you tackle with CSS? Site page is: https For instance, at the top of a web page, you might have a logo with padding being the space between the logo and the margin or border of the header. @tuanphan Is there a way to remove padding inside of a code block? I've inserted an image using a Code block and want the block to fit snug around the image itself, but I'm getting an extra padding on all sides. Add the following to Design > Custom CSS. Feel free to play with How can I remove the padding on the top and bottom of separate sections (in new Fluid Engine). com Hi everyone! I am new to square space and I just published my blog. Attached is a screenshot of the website Even though I had removed all padding in the style settings, it kept a small margin at the bottom of each index page, don't know why. All Activity; Home ; Forum ; Pages & Content ; Site Design & Styles ; How can I remove padding around images to achieve a specific image layout? Site Design & Styles @tuanphan I actually refer to the padding that is visible when using the video blocks. bravethestorm. Each time, it seems to add heaps of extra padding / empty space below the code block - regardless of how small I make the block itself. I have a similar issue on 7. In the Format tab, you can change these details: Section Height - The height of the section. Posted December 9, 2024. Everything looks great on desktop, however, the spacing in between sections on mobile, especially after the header gallery and before the first section "Who We Are", I've tried a number of codes that aren't working. Main-content {display: none;}. If I inspect the section and change "--inset-padding: 0vw;" to "--inset-padding: 0;" the padding goes away, but I'm having problems getting the same result via CSS. gallery-caption { margin-top: 0 !important; } } and remove this code #footer-sections { margin-top: auto; } Email me if you have need any help (free, of course. /* begin home page image block full bleed */ html: not section[data-section-id="5ea5df28b7d80f496463e8db"] . 3. sqs-block {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: -15px;} Hi there, I've already reduced the padding across ALL sections on this site to shrink the amount of "blank space". I am using the Miller template and I have created a full bleed gallery grid block on one of the index pages. e. content-wrapper { padding: 0 !important; margin: 0 !important Within the section settings, look for the option labeled "Fill Screen" or a similar setting that controls the section's padding. Also, I couldn’t find any "read more" button on your site, neither on desktop nor on mobile. You can completely remove the margin, by turning off the fill screen (see image below) and then adjusting all the content of each section to suit. Viewing on desktop the design is how I would like it, swithcing to a mobile view you'll see a lot of negative white space between my header, and the image slideshow. Is there a way to remove the white space so it fin Hello! I am looking to get rid of the padding from my gallery section on my website. I need a few tweaks to this code" remove the underline from click to shop all. org Hello - While updating my site yesterday, I did something to accidentally add white space below the footer across all pages. I have also tried to use some coding to remove the space but haven't found anything that works. 1 Project section Site Design & Styles; Everywhere; This Forum; This Topic Free online sessions where you’ll learn the The embedded form has a 40px padding around all edges that I can't remove. See the "Change section styles" here. Services - Buy me a coffee (thank you!) (I answer questions from page 10 to page 4) bravethestorm. Please see photos. I've added a code block to the footer of a website, however, in Fluid Engine the Embedded Script block is adding additional spacing below the code that needs to be removed. The website is: https://chinchilla-shallot. sections To add in customs CSS. am also trying to remove extra grey space between the sections and footer across my site, have tried to minimize the footer padding at top, but doesn't seem to be working only enlarging the space. I wanted to make the padding on the bottom of the text smaller. (Existing working code) VVVVVVVVVVV . cakalak. section-background { background-image: url(https://images. Any help ? Thank you ! Headlines in sections look vertically centered when working in editor, but when it's saved, there is clearly more padding below headline than above. I managed to increase the inset of the section using the code below – thanks @tu Squarespace Coding Expert | Coding the heck out of Squarespace, one wtf at a time. I am wondering if there is a way to reduce the padding of the space between my navigation bar and the start of my content? I had spoken with a representative but he let me know that there w I am using Squarespace 7. Press 👍 if this post is helpful for you First, try adjusting the section's height. I am not trying to take out a ton of white space/padding--just some here and there in places like this one. Hello. padding; Is there general CSS that you can use to remove the space between blocks and sections? tuanphan. One way is to add a CSS rule to your stylesheet. co. I could not understand where that padding is coming from, as it is no Here are a couple examples--the space between the text and the image in the first and the space around the text in the second. Did this help? For example, to remove the padding from the page section, you could use the following Custom CSS: section [data-section-id = "61a2256589c7674cec25e620"] /* Remove padding and margin from the specific section */ /* Adjust the top padding to position the section correctly */ position: relative; /* Ensure the section is positioned correctly */ z-index: 2; /* Bring the section above the map */ Free online sessions where you’ll learn the basics and refine your Squarespace skills. content-wrapper {padding-top: 0px!important;} And to remove the additional padding on the shop and product pages, add this code: . I still need help with this padding issue, please! 🙂. @media only screen and (max-width: 767px) { . It's completely fine in mobile, though. user-items-list . The settings are full, 1 column, 70 spacing. I want to hide and display certain sections on mobile. The bottom section is an image and it does not give me the option to modify. Circle Member; 73k 3,917 Posted December 9, 2024. Help Guides Benefits Referral Payments Product Updates . com and the password is: Testing The top and bottom borders/spacing/padding are acceptable enough on a desktop: However, on a Hello, I'm trying to adjust the padding on my Contact Page - I want the header border line to meet the blocks below it leaving no space. I can't get rid of it. I tried this section[data-section-id="5ff391b818d44937a946848c"]. @ sectionpadding: 10px;. com Does anybody have the code to remove the inset padding from the bottom of this section so the dark color is uniform on all sides? I'm trying to decrease/remove the top and bottom padding on this portfolio section, as shown in the attached picture. collection-content-wrapper {padding-top: 0vw;} Let me know how it goes 🙂 If you only want to remove the padding from certain pages or sections, you can use the Page or Section ID to Target those specific areas. I would like the orange line block to be closer to the "Here's how we do it" section. com @LindsEli Here's a code snippet to remove extra padding on mobile. You could duplicate your current page and test on it removing the multiple page sections. squarespace. You need to be a member in order to leave a comment Please see Page Section Second Blocks Full Bleed if you need to make the second page section full bleed. I'd like to overlap an element, specifically a . Hello @tuanphan. Forum. As you can see in the image there is a lot of space above and below, is there custom code I can place to fix this? the slug for the page is testimonials-1 Hello everyone! I have been using a carousel without any pictures to display testimonials, but I've run into an issue with large spaces above and below the carousel gallery section. Hello, my site is http://www. I am using Squarespace 7. padding; Followers 8. As shown it's 17px on all sides. Dec 4. Hi everyone, I have a gallery section; a masonry grid with two columns, and would like to override the gutter between the columns. section#container { padding: 0px !important; margin-top: 100px !important;} Squarespace Webinars. com Hello! I have a problem with the homepage of my website where I have a big area of extra padding after a banner section (after "latest posts"). By Fire2019, October 14, 2019 in Site Design & Styles. Please see Page Section Nth Blocks Full Bleed Template if you need to manipulate page sections other than the I don't see a white space below the footer. I'm a newbie to Squarespace, but have done my share of HTML, CSS, ASP, WordPress, Hubspot, etc. uk Hi all, I cannot for the life of me get this to work. However, when I publish my site, there's a space between the end of the section and the footer even though there Hello, is it possible to remove some padding from a section on my test homepage? Please see attached images. Index section:nth-child(2) { margin-bottom: -35px; } Site URL: https://hollymurphy. This also affects the amount of padding above and below your section's content. Only thing is, the white padding still appears around the images in mobile (when they become single-column). Is hi @tuanphan. I already tried adjusting the section height to go as small as possible but there's still too much white space (It's a site wide change, so if you only want it to hit this section then put section[data-section-id="60e9829ec4c1a734c5d9c0cb"] before each of the . If I modify section height, the top part changes as well. com/home-v7 Password: squarespace Many thanks, Best, Faizal You can just change the gap between sections by editing the sections and customising the height of the section. Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer. ). Upcoming Event Calendar Past Events Circle Live Episodes Circle Day Circle Day 2023 Circle Day 2022 Resources . Which won't do anything. sqs-layout lines). I've tried adding the section that holds the menu-block as the last part of that page, but still everything changes once I add this specific section. Hi all, both in my “portfolio page” and on my “project page” on some of the blocks there is a blank space (top and bottom). ProductItem-nav {display: none !important;} If needed, you can shrink the page's padding a bit further by adding the following CSS and modifying the number value: . Services - Buy me a coffee (thank you!) (I answer questions from the last page to the latest page, ex: page 10 to page 1) Simply put, in your template, Squarespace creates a "section" element for each index page you create, and gives the section an "id" attribute based on the URL you assign to the page. Toggle off the "Fill Screen" option to disable the default padding. gallery-slideshow[data-show-captions="true"][data-thumbnails="false"] { margin-bottom: 70px !important; height: 60vw !important; } . Feel free to play with -20vh. 8k; Created 1 yr; Last Reply Dec 4; Top Posters In This Topic. I have unnecessary spacing between the header and the first section of the page across the whole site. com Does anyone know how I can remove the padding from this section and the images within. The page is a portfolio page. I managed to increase the inset of the section using the code below – thanks @tu Site URL: https://www. Check on your Home > Page if you can delete it Or try in Home > Design > Custom Css to hide it # collection-61b4f34f24f09d5347e10111 . padding; Recommended Posts. I've contacted SS help meanwhile and they told me it's a structural SS problem and they are dealing with it. ☞ Search through The Codebase to learn new CSS tricks and awesome customizations. content-wrapper{ padding-top: 0 !important; } Support me by pressing 👍 or marking as Yes, due to the content on the right side, there was a blank row below the image. I want to showcase more photos of the material here. Revert back to a classic editor section. Posted April 3, 2020. The code you said to remove is what I want to hide on screens 766px and lower. I imagine I'm not the only one thinking there is too much white space as a default and I can't find a way to remove it. com/. Is there any easy way to format a section so it has 0 padding like this? I created these layouts in Indesign but I forgot it would not work for mobile view. It's the 5th section down, beneath the full width video of the lady Instead of having each text/image section as separate sections have you tried one section that contains the three or so text/image pairs in one section? That way you wouldn't be dealing with the cross section padding. Any ideas how to do this? Q2: is there a way to insert text into a portfolio section? If not, I guess I can just add another section on top once the padding is removed. I've been hunting around the design section of the edit menu, but cannot find a way to remove this space, which doesn't affect the design of the desktop version. In the edit section box it can be set to a maximum of 150 but I want even more space. Many thanks! I'm having difficulty removing the padding at the bottom of my client's website! I want it to be smaller but, the current gallery block has too much top and bottom padding. This seems to sort the padding issue I think, however, to achieve the same layout as an FE section, I need to be able to make the summary block container stretch from edge to edge of the section. . For example, if you want to reduce the space between sections by 50%, you would add the following CSS rule: section { margin: 0 !important; padding: 0 !important; } You can also Decreasing Section Padding Squarespace 7. I believe I was sharing the wrong link I apologise. melody495 4 posts. One way is to go into the CSS Editor and add the following code: #content Hi, I am trying to figure out how to remove the extra section padding in the Manage Projects, so that the homepage content could match the height in ABOUT and CONTACT Site URL: https://www. drcar I would like to remove the large gap between the product price /info and 'additional info' section. Top Posters In This Topic. To do this, simply right-click on the block you need to edit. Circle Member; 2 Author; Posted May 25, 2020. A rule that has the !important property will always be applied no matter where that rule appears in the CSS document,that is — considering it’s the correct element If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. where sections join other sections. Please help! Thanks! I have a gallery block that contains only a video, and I'd like the thumbnail to fill the section vertically. engraftlearningnetwor So this code here removes the top padding completely. sqs-block-video Even though I had removed all padding in the style settings, it kept a small margin at the bottom of each index page, don't know why. That defeats the purpose of what I am trying to do. Hi @stinejensen123, then you can add this code and play around with the padding, etc, let me known how it goes:) /* Adjusts spacing for the title in the user items list */ . This leaves room for the navigation and announcement bar, but because they aren't at the top until you scroll, there's just an extra gap. com The navigation on my site runs onto two lines, even when it appears there is plenty of space for it to stay on one line. Answer within 24 hours. I would like to add a background image for the home page and https://www. Then select “Inspect” to open Chrome Dev Tools. com) I have tried to set this image to "position absolute" with "bottom : 0", but it makes it disappear. It works for me in case of if you want to reduce space between an image (photo) and a new section (text). sqs-block-gallery { padding-bottom: 0 !important; } I've inserted a picture of the bottom padding I would like to remove for both videos in my landing page, please help Edited November 4, 2023 by bibo0903 All things Squarespace When I have time, I like to help on the Forum, but if you need my full attention, section[data-section-id="65432b8278396716f29e57a8"] . 1. Is that what you're trying to do? If so, this custom CSS should remove the bottom padding: . What you can do to center everything vertically is to set the block to center vertically aligned rather than top, and then reduce your section padding. com Hi, I need help with the marquee on my page. 1 and trying to remove some padding from the bottom a gallery and have tried adjusting it in the template without luck. I want this image to basically bleed top and bottom (maybe even to the right too) so Hi, add this to custom css (Design > Custom CSS). I'm also trying to remove the tiny gap on the left and right of the image block so it's flush. Here's what I see: Also, I checked the site markup and there are no elements below the red footer section. My code hides the first section while still allowing SS to manipulate that top padding dynamically. product-layout-side-by-side {padding-top: 2vw!important;} Hope this helps!-Tyler Edited April 14, 2022 by tcp13 # sectionid {padding-bottom: 0;} Or similar. section[data-section-id='65a9952c3f35d7472ba5143e'] { margin-bottom: -20vh; } Edited February 3, 2024 by nick_sh Thank you very much @Spark-Plugin, Is there a way to go even less than that "S" (small) height option -- maybe a code injection? My sections are all already set at "S", and it's still too much white space between my sections content -- my visitors (recruiters-in-a-rush) are not going to put up with scrolling thru excess whitespace, they'll just click over to the next ux job Hi there, We're having the same issue with our site on mobile. Squarespace is a functional website creation system that encourages individuals to create magnificent websites and fully functional e-commerce stores without the need for considerable coding understanding. I've used this code to get the image block padding this tight, but I You can remove it by adding the following CSS from Design > Custom CSS: . My site is a hot mess right now and I have lots of questions, but for now, this is the biggest problem I can't solve. products. 1. I want a large site margin but Site URL: https://atimeofreflection. One way is to go into the CSS Editor and add the following code: #content Timestamps 00:00 Introduction to Removing Extra Padding in Squarespace 00:35 Starting the Process: Accessing the Edit Section 00:48 Turning Off the Padding and Adjusting Learn the difference between margin and padding, and how to remove either one to customize the spacing for your Squarespace website. I think my site has this built in so I maybe need code to override it? Removing padding in 7. For example, if you want to remove the padding from the home page, you would add the following code: #home-page-wrapper { padding: 0 !important; } You can also use negative margins to achieve a similar effect I specifically want a smaller spacing in an image gallery section that increases the top and bottom spacing around it (not sure if margin or padding) when I modify the overall site margin. Circle Benefits Partner Discounts Events; Help Guides; Guidelines; Blog; Events . I confirmed that the code I was using did effect the padding, however this space still remains The section used to go to the top of the page, with 0px padding. The issue is your text/line height. I noticed there is quite a bit of padding in between sections that creates a ton of white space and emptiness. On 12/5/2024 at 10:19 AM, tyler427438 said: after adding the code into the @tuanphan Thank you, I just implemented this code with success on a (not yet live) site I'm working on with a row of three images across the page that abut the footer. I don't recall changing anything with the site before this occurred. In the settings, it gives me the option to reduce it up to 10(custom height), I would like to make it Reduce section padding in 7. Squarespace Forum; Circle Benefits . index-section . I guess there is some kind of padding at the sides – how can I remove this? I would prefer that the navination never went to two lines, Hi all, I'm trying to have the illustrations on each page be aligned with the bottom of the page, aka touching the footer. Only Squarespace 7. atmos. I have entered some code via a code block to get rid of the top padding, but can not seem to get the bottom padding to work regardless of the different things I have tried. reduce the Hi all, I'm trying to find a code to remove the padding on sections that creates these tiny gaps (picture attached) it doesn't look great when trying to use an image on the section. So it means it doesn't sit flush with the rest of the website content. 1 and this is a page within a project grid. How do I reduce/remove the spacing How do I remove this unnecessary padding above and below an image gallery section? Please make this a customizable option in the editor. looking to Hello! I am trying to remove extra space from my custom testimonial index section. Currently, Squarespace is adding padding to the top and bottom. Essentially I want the 2 images to take up the entire section but I can't seem to get rid of the background at the bottom and on the sides in mobile. 1 sites have page sections with section IDs of this type. I can not for the life of me figure out how to remove padding in between sections on the Brine template. Any ideas? Thanks for any help! url: https://www. padding-bottom: 0 !important;} Hi, I'm trying to remove the gap below the header and image blocks for this one page on mobile. I see that section has no content, why you don't remove it?? I think to reduce height, you can edit Section > Disable option: Fill Screen Or use this CSS code section[data-section-id="66bd6a749c36a825627a7429"] { min There are many ways to reduce the space between sections in Squarespace. I've added a simple logo to the first section on my homepage, amended the padding and moved the logo up so that it is overlapping the header section. @tuanphan Padding, or rather the lack of it at the top of the block, is what’s creating the problem. I've tried some css from other forum pages but think they may be outdated. But you can try doing a negative margin on the previous section, although it may cause some overlaps. Currently, you will see the tabs under the Section entitled "Team Form" : Remove ( make a copy somewhere ) previous attempts at this effect. Member; 42 1 Hi. The shapes stretch to the width of the footer but there is a white section at the bottom that I can't cover with the black box. Any insight anyone can offer would be amazing. Whenever I remove the the section that holds the pricing menu, the problem with the other sections dissapears. I am using Squarespace 7. I am trying to remove the white space, padding, or margin located below the header, and above the image block in a page layout (this page is not linked to my website, so it is not viewable — please refer to the screenshot). I've changed that for now, but the single blank row at the top of the footer I can't remove, it says there's only one. The masonry grid has one photo in it. Recently a gap appeared, and I cannot figure out how to remove it. crxssplatfxrm. I have a code in CSS that takes away underline from text on my site but it's not working for this code block on my homepage. Hello everyone, I am hoping to get rid of the padding in the between an Iframe section and the footer. I'm testing this with the section at the bottom of the website. Index section:nth-child(2) { margin-bottom: -35px; } 2) Do not use a Fluid Engine section. I've looked at a few similar questions and tutorials on YT but haven't @tuanphan, no, I temporarily remade the home page. Free online The main issue is that SS treats the first section on a page specially by dynamically adjusting the top padding of the section. @tuanphan Create an account or sign in to comment. Hi hope this is the right place to post this I added this code into the universal custom css to remove header height for aesthetic purposes. I have a white area of space that I want to completely remove. com Hi, Just need to know how to hide a section on mobile. Site URL: https://iris-bugle-4zwc. Hi there, I have several places on my website where I've entered a code block for an embedded calendar or anchor link. Index-page-content { padding-bottom: 0px; padding-top: 0px; } Thanks in advance! I am struggling to remove the blank space at the bottom of a section too. Feature Requests Edit page >> Add a Code Block (anywhere) >> paste this code <style> body {background-color: #f3f4ed;} </style> If you use a Business Plan or higher, you can add to Page Header Hi all, I'm trying to have the illustrations on each page be aligned with the bottom of the page, aka touching the footer. Nov 16. I want a large site margin but not such a big margin around the gallery itself which is currently creating a huge gap to my text. They told me Hiya, I'm trying to do something really basic, but struggling a bit with the css. francescacortesi. section[data-section-id="6717798aa6bbe431583147ac"] The code works in removing the spacing under the videos, however the videos get cropped as the aspect ratio of the video block changes when the window is resized. ☞ Get +150 mini-plugins ready to copy-paste to fix . drewdepinto. However, the header isn't transparent (because I want def For anyone interested, I ended up using: section[data-section-id="65ebc4b5eb344f7d35e6c146"] . Add the code under Website > Utilities > Website Tools > Custom CSS. #footer-sections . 1 and need to remove vertical padding from sections - i. png image with a transparent image over the section below it. this should remove the padding between the images, but leave the padding above and below the first and last pictures which is as it is in the desktop site. Nov 4. My work-around was to create a manual slideshow (a summary section that uses images from "fake" blog pages). I am on Squarespace 7. Any help would be muc Hi ! I have an image of a scroll wheel that I would like to put at the bottom of the section : (erwanlier. See first image for reference. giulianimusic. Free online sessions where you’ll learn the basics and refine your If you want to add arrow on both first + second section, you can find this line in all script/style code #page section:first-child to this #page section:nth-child(-n+2) Im looking to reduce the bottom padding of the home page / portfolio section of my website as there is a lot of space and I want to remove any scrolling on the page but there doesn't seem to be any way to remove it? This article is everything about Remove Section Padding Squarespace. art Hi, I have added a few shape blocks to my footer to vary the colour of the background. I created these layouts in Indesign but I forgot it would not work for mobile view. Create an account or sign in to comment. (You will need to be using the I specifically want a smaller spacing in an image gallery section that increases the top and bottom spacing around it (not sure if margin or padding) when I modify the overall site margin. Feature Requests I've inserted a picture of the bottom padding I would like to remove for both videos in my landing page, please help Edited November 4, 2023 by bibo0903 Add tags Replies 10; Views 2. What is the best way to close the padding between these two sections? Should I remove the bottom padding of the text section, or remove padding from the Gallery Grid. But this css code gets rid of it: . However, when I publish my site, there's a space between the end of the section and the footer even though there @nataliaamelia you can't remove really, because that space is reserved for the hover image. by using a new section and set the background to video and set the setting to inset. All of the blocks have to take up a whole number of rows, so that example in the screenshot will exceed 2 rows and hence the block will take up three rows and have padding at the bottom. I'm trying to get an image to extend to the top and bottom of a section and could use some help. Site URL: https://www. Can someone please supply a code to fix this! thank you 🙂 https://www. But I would prefer to keep the "Content Section Padding" at Hello, can you help remove padding on my website after adding the code into the custom css section the code didnt change anything there is still a bunch of padding on the gallery page. When I inspect, I can't seem to determine where exactly the padding is coming from in order to amend the CSS. 1 and I've been trying to figure out how to remove the padding above and below a slideshow. I've searched the forums and tried differe I have already added code but there is still this spacing that I would like to remove. This makes it difficult to manipulate padding and margins. Sam Web Developer & Digital Designer I am looking to remove the padding form my portfolio website homepage so each project bleeds to the edge and header above. Taking that all together, we have: Site URL: https://www. I thought it could be something to do with the image on the front page but I get the same result every time. Sections with more content may display at a taller height than your setting. Site URL: https://midnight-revival. Getting errors when I use this code: @media screen and (max-width:640px) {section[data-section-id=“MY-ID_HERE”] { display: none;} } Jump to content. You'll notice the padding is removed, There are a few different ways that you can remove padding from your Squarespace site. Any code or suggestions? For each new page or section I create within my site index, there's a built-in padding or margin at the top and bottom that runs the width of the screen. Maybe I'm not targeting something correctly. Popular Days. page-content {padding-top: @ sectionpadding; padding-bottom: @ sectionpadding;} Hi there, I've been attempting (and failing) to remove the padding underneath the image and text in this summary item (the green section). The amount of padding looks silly and it's troublesome to have to create custom code for every single gallery block, especially if some of them will have varying numbers. I want to have my text pushed higher up without compromising the section height. 1? By cakalak, April 3, 2020 in Customize with code. In my case I'm looking for 0px of padding around all 4 sides and it appears to be working. Use this CSS code Squarespace Webinars. 2. I used code to decrease the bottom padding of the text, and the top padding of the image gallery. I have a text section (bottom-aligned), with a Gallery Grid of logos below it. list-section-title { padding-bottom: 10px !important; /* Adds 10px padding below the title to create space from the element below */ margin-top: -150px !important; /* Moves the title I only want to change the padding on one though. content Hello @Donna1979, Thank you for confirming!To address your request, you'll need to use the following code. So you can use # block-6e51bf5fa86fb5074371 h1 {line-height: revert; // might need an !important} Which will remove all space below the On the same page itself, could you also help figure out how I can create an image carousel for this section (Added the image below)? I want to showcase more photos of the material here. The link is: https://bluebird-porcupine-yzdg. Nov 5. Or send to forum message. Here is a link to the site for referencePassword: weddings This is the code I currently tried t By default, the first section on a page has extra padding at the top. With this page, I think you should remove Header border and set Section Top Border. Also, I would really would like the slideshow to align with the site margins and overall look like the attached image. I am wondering if I want there still to be a little space between sections, say 2vmax, how would I do this? It seems like with the new fluid engine, changing the margin or padding directly in css no longer works. # page section . Before you can remove (or add) space from an element on your Squarespace website, you have to determine whether you are trying to edit the padding or the margin. Hi, Tuan. The grid doesn't extend to the top/bottom edges. I have just one video in the section then I want there to be no space between the video and the next section. Can anyone help me with the CSS to input for this section? I am having trouble finding it. Circle Benefits Partner Discounts Events; Help Guides; In the image below, the GREEN rectangle represents the padding. tribeandsol. any info on how to change the padding appreciated. Thanks in advance for any help you can provide. If you want to remove this, add this to your CSS: @media screen and (max-width: 640px) { section[data-section-id="66a94c871b528937feda87ff"] { padding-top: 0 Email me if you have need any help (free, of course. I had already removed the embed status script so that's not the issue sadly. Thanks, tuanphan. In this next image, I removed the padding on the bottom. To have that rounded shape on the footer I need to keep the row above the footer, so I was looking for a way to remove the padding with CSS. The top padding of the first block inside a section gets cut off by default. However this You can try adding to Home > Design > Custom Css section[data-section-id="63c04ff9a080d51ea28d8172"] . wbgnpndowvzzceedcaocyjpssvebbcgqrippsvogxrjwbts