How to I get rid of unwanted white space around "hero"

Comments

• Phil

  February 2023

  Hi,

  Please, go to Image options, and in the Advanced tab, change the margin value to zero.

  

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• envssg48

  February 2023

  That didn’t work. I think the white space at bottom increased.

  I tried setting the padding to 0px also. No improvement. I am sending log in credentials via email
• Pablo

  February 2023

  Hello,

  This is because of two things.

  The white space is your content background color, you can change that in the Theme Options -> Colors

  1) Your Footer is set to have position fixed, so it means it will be always on the bottom of the page, so if your page will not have the content, the white space will appear.

  2) The setting that Phil sent should be set in margin and padding to 0px, right now its using the default 14px value of grid space between elements.

  Thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• envssg48

  February 2023

  I changed background to green and have 0px margins. I don't want any green space between image and footer. I tried to set the height of the section to 690 px which is the image height but that got rid of some of the green at the bott but not all. I only want the image on this page and I will add a button on top of it. No empty space. Please advise
• Pablo

  February 2023

  Please paste that CSS code into Theme Options -> Custom CSS & JS -> CSS

  .has_content .the_content_wrapper{margin-bottom:0;}
  

  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• envssg48

  February 2023 edited February 2023

  I tried that. From what I can see it works. Tank you. Very helpful.