Reduce Padding in Between Sections

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