Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reduce Padding in Between Sections


mpnguyen99

Question

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 by mpnguyen99
Grammar
Link to comment

4 answers to this question

Recommended Posts

  • 0
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).

32045930_ScreenShot2021-07-24at9_24_45AM.thumb.png.bd094152cc3bdf0a1a19ab84f34b7f86.pngHowever, 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). 

1078269804_ScreenShot2021-07-24at9_25_09AM.thumb.png.644f1efe949c21121f24f639653a4ea1.png

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!

Link to comment
  • 0
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).

32045930_ScreenShot2021-07-24at9_24_45AM.thumb.png.bd094152cc3bdf0a1a19ab84f34b7f86.pngHowever, 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). 

1078269804_ScreenShot2021-07-24at9_25_09AM.thumb.png.644f1efe949c21121f24f639653a4ea1.png

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.

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
  • 0
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...