Removing white space in Landing Page | Community
Skip to main content
December 29, 2017
Solved

Removing white space in Landing Page

  • December 29, 2017
  • 1 reply
  • 5716 views

Hey there,


Can someone help me with this white space which i cant seem to shorten?

This is the link - global.curvature.com/01---APAC-2017-Email-Reports_test.html

There is this huge eyesore white space between my background image(heroimg) and my icons at the footer section. I've tried adding margin/padding between the "heroimg" and the footer but doesn't work.

Happy Holidays, all!

Cheers,

Amelia

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by SanfordWhiteman

Ah, now i see it. How do i change the padding permanently since its an external stylesheet?


You mean how do you override the padding without altering the external stylesheet?

You can add a rule within a local <style> block as long as that <style> is after the <link> that loads the external sheet. (The rule doesn't need any different specificity or !important, it just needs to be loaded after the external rule and the CSS cascade takes care of using the lowest-down rule.)

1 reply

SanfordWhiteman
New Participant
December 29, 2017

You have 90px padding-top on .section.

Honestly I'd be more concerned about the font color on the form (maybe that's next ):

December 29, 2017

Hey Sanford,

Yes, thanks for pointing the form font color out, i figured that would be easier to fix so I'm leaving it to fix last.

As for the 90px padding-top on .section, i cant spot it. Try control F but nothing came up. I've been at these codes for a week now, my eyes are not picking them.

SanfordWhiteman
New Participant
December 29, 2017

In style.css: