mpnguyen99 Posted January 29, 2021 Share Posted January 29, 2021 (edited) I noticed there is quite a bit of padding in between sections that creates a ton of white space and emptiness. How can I reduce the padding in between all sections to make for a seamless website? This is for my web portfolio showcasing designs and project details. I've been experiencing difficulty fitting slideshows, simple images, and plain text boxes without too much padding in between sections. Thank you! Edited January 29, 2021 by mpnguyen99 Grammar c2f4m and TinaHuffman 2 Link to comment
tuanphan Posted February 3, 2021 Share Posted February 3, 2021 Add to Design > Custom CSS #page section .content-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; } Madmiike, Dizablah and m00s 3 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
m00s Posted July 24, 2021 Share Posted July 24, 2021 On 2/3/2021 at 1:32 AM, tuanphan said: Add to Design > Custom CSS #page section .content-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; } Hi Tuanphan, this code worked for me, but it is giving me trouble for sections where I use an inset section background. Here is an example: I'd like to reduce the white space between these two color blocks (pictured below). However, when I use the code you provided, it reduces the padding between the content within the color blocks and the top/bottom edge of the color block, but it does not reduce the white space between the two color blocks (see second screenshot, below). I'd like to keep the padding between the content within the color blocks and the top/bottom edge of the color blocks, and only reduce the white space between the color blocks. Could you help with this? Thank you! TinaHuffman 1 Link to comment
tuanphan Posted July 25, 2021 Share Posted July 25, 2021 18 hours ago, m00s said: Hi Tuanphan, this code worked for me, but it is giving me trouble for sections where I use an inset section background. Here is an example: I'd like to reduce the white space between these two color blocks (pictured below). However, when I use the code you provided, it reduces the padding between the content within the color blocks and the top/bottom edge of the color block, but it does not reduce the white space between the two color blocks (see second screenshot, below). I'd like to keep the padding between the content within the color blocks and the top/bottom edge of the color blocks, and only reduce the white space between the color blocks. Could you help with this? Thank you! Can you share link to page where you want to reduce padding? We can tweak the code 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
m00s Posted July 26, 2021 Share Posted July 26, 2021 On 7/25/2021 at 3:34 AM, tuanphan said: Can you share link to page where you want to reduce padding? We can tweak the code easier Here is a link: https://rhombus-parsnip-85ng.squarespace.com pass: Madhya I'd like to reduce padding on multiple pages on this site, but this is the page I posted a screenshot of, and I think if I know how to do it on this page, I can do it on the other pages too. Thank you! Link to comment
Madmiike Posted November 25, 2021 Share Posted November 25, 2021 On 2/3/2021 at 7:32 AM, tuanphan said: Add to Design > Custom CSS #page section .content-wrapper { padding-top: 5px !important; padding-bottom: 5px !important; } Thank you, This helped me Link to comment
dotandpeg Posted June 7 Share Posted June 7 Hi, I have a similar question. I have a product section below another section with the title for the products in it. The reason I've put the title in another section is because I have styles on the title text (the green underlines) that I can't create within the product title as I don't know how to get that style in CSS. I want to reduce the top padding of the product section below so it is closer to the title section[data-section-id="6448e8b39f1d256fe08dc494"] The site is live https://www.decisionspelling.com/. I just want to tweak this gap. Thanks! Link to comment
tuanphan Posted June 9 Share Posted June 9 I see you solved with this code? section[data-section-id="6448e8b39f1d256fe08dc494"] .user-items-list { padding-top: 2vmax !important; } 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