Home>Support>How to remove white line at the top of Vantage Premium?

How to remove white line at the top of Vantage Premium?

By Marthe Hagen, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,

I love this theme so much, but sometimes it is driving me crazy, haha! I’m trying to remove the white space on top of this page: http://www.heartwideopen365.com/vancouver/

I’ve tried setting the Header padding to 0, and after reading through the forums here I added this in the custom css area:

.home #main {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

It helped remove some other weird white space at the bottom, but nothing changed at the top.

I have really no idea what I’m doing. Can someone please guide me in the right direction?

Thank you in advance!

URL: http://www.heartwideopen365.com/vancouver/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Will Webb

    Hi Marthe,

    remove the code you placed in and in the Custom CSS area place this…

    #main {
padding-top: 0px;
}

    Let me know if that solves it.

  2. 9 years, 3 months ago Will Webb

    There is a lot of white space on that particular page at the top, so unsure which bit you are referring too, if that wasn’t the white space you wanted removed, be a little more specific and I’ll give you the correct code for that part :)

  3. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hey Will, thanks for helping out here.

    Hi Marthe

    Thanks for reaching out. To remove the top padding for all pages, as Will mentioned, insert into Custom CSS:

    #main {
padding-top: 0px;
}

    To remove the padding for just this page alone, insert:

    .page-id-244 #main {
padding-top: 0;
}

    The remaining padding is coming from an empty paragraph at the beginning of the content. If you remove that a little more space will be removed.

    Let us know how you do :)

  4. 9 years, 3 months ago Marthe Hagen

    Thank you!

    This removed a lot more of the white.

    There is still a white section, though, and I would like to have the image go all the way to the top. Have a look at the page again now that I’ve done some more work there.

    Thank you in advance! :)

    Marthe

  5. 9 years, 3 months ago dbvantage

    Hi, I am having the same issue with that white bar at the top of the page (mine is between the slider and the page menu bar).

    Looking at the instructions above, I imagine you can put in a negative number in place of the zero and that may work. I will have to try it.

    Please post if you find a solution and I will do the same.

    Thanks!

    • 9 years, 3 months ago Andrew Misplon
      Hi, I Work Here

      Hi @dbvantage

      padding doesn’t work with negative values. You’re most likely looking for:

      /* Home */

.home #main { padding-top: 0; }

      If that doesn’t help, please, open a new thread and we’ll help out ASAP:

      Page: New Thread

      Thanks :)

      • 9 years, 3 months ago dbvantage

        Thank you for your help!

  6. 9 years, 3 months ago dbvantage

    Ok, I was able to get rid of the space by adding this snippet to the custom CSS section:

    .home #main {
    padding-top: 0px;
    }

    You can see the site here: http://www.laneuromusc.com

    Hope that is helpful!

    • 9 years, 3 months ago Andrew Misplon
      Hi, I Work Here

      Glad that helped. All the best.

  7. 9 years, 3 months ago dbvantage

    Thanks Andrew, you were right, negative number didn’t work, I was inserting the wrong page ID…

  8. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi Marthe

    We’re nearly there. Edit the first row of your page in Page Builder by clicking the wrench icon far right, then > Edit Row > Attributes and enter the following as the Row Class:

    no-top-padding

    Then let’s head over to Appearance > Custom CSS and target that class by inserting the following:

    .no-top-padding {
padding-top: 0;
}

    This will be come easier as Page Builder row controls progress. Right now there is only an all round padding setting.

    Let me know how this goes.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More