Reduce Padding in Between Sections

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!

Add to Design > Custom CSS

#page section .content-wrapper {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

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!

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

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!

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

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!

I see you solved with this code?

section[data-section-id="6448e8b39f1d256fe08dc494"] .user-items-list {
    padding-top: 2vmax !important;
}