Shrink space between homepage sections

[Ted]

Is there a way (short of going into style.css) of reducing the whitespace between sections on the homepage of Construction Pro? I’ve removed the hidden animations (client is old-school and doesn’t want those new fangled techniques). But I’m not sure the best way to remove some of the whitespace and tighten the sections up so they are closer together.

Client is trying to specifically avoid a long scrolling homepage, although that is much more the modern web style.

[Sonl Sinha]

Hi Ted,

Kindly show us your website URL.

Regards,
Dave

[Ted]

Of course. http://sitescan.addionworks.com/ is the URL. I’ve removed the animation on some of the sections, and can move to a static homepage but I’d rather leverage the components already built in. The client just wants to trim back the spacing between sections.

[Ted]

Hi, looking for an update on the best way to reduce the spacing on the homepage. I’ve been looking in the style.css but am not finding a way to reduce the amount of spacing that is occuring between sections. This is particularly bad for a welcome page that I added to the homepage (the welcome page is showing up properly however the top/bottom margin has a ton of whitespace).

Site is at http://sitescan.addionworks.com/

[Sonl Sinha]

Hi Ted,

Kindly go to Appereance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code:

.slider-main{min-height:300px !important}
section{padding:40px 0 !important;}

Regards,
Dave

[Ted]

Thanks Dave, that did just the trick!!

[Sonl Sinha]

Great 🙂

Regards,
Dave

[Ted]

Hey Dave, not sure if this is related but now when I view the site on a mobile phone, I get a large blank space under the smaller banner, and there is a loading hourglass continually showing. This appears only on a mobile phone (both android and iOS).

[Sonl Sinha]

Hi Ted,

Its the theme problem. Give us a day by tomorrow should be solved. Thanks for pointing this out.

Regards,
Shri

[Author]

Posts