Reducing space between rows in Landing Page

Developer Support CMS Development
1

I need help reducing the space between rows in this edited landform landing page: Microprocessor 2020 Promotion

I’m not very good at editing these. I’ve tried adjusting the margin using inline styling but it did not work. Any help with this would be greatly appreciated.

2

Hey @LN

That padding is coming from line ~261 in the landform-style.css stylesheet. The 9.375rem, and 150px as its fallback to be exact.

32104iF61820784030D0C4.png
32104iF61820784030D0C4.png306×240 21.1 KB

Personally I would avoid using padding to create vertical space like the NEW plague.

Rather use margin-bottom, the reason for this is collapsing margins. Which will be a lot more forgiving!

Try this:

.three-col {
 margin-bottom: 90px !important; /*<- this important is because it's being overwritte somewhere else. I'd look into that as well.*/
 /*padding:150px 0;*/
 /*padding:9.375rem 0;*/
 font-weight:300;
 line-height:1.6;
 font-size:16px;
 font-size:1.0rem
}
3

It worked! This is a lifesaver. I really appreciate it!