Home>Support>Custom Page Template without the spaces on the top of main content.

Custom Page Template without the spaces on the top of main content.

I want to make a new Page Template that get rid of the top space. It just look exactly like the Homepage that the Meta Slider sit right after the navigation. As I want to make a page full width like a parallax (but Hero Image) So I want No space on the top too.

Can you help with the code to make this template? I use to make something like this before but I want to make sure that I do thing right on Vantage if there are something special to worry about.

URL: http://i.imgur.com/pqyODBd.jpg

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

  1. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Jatupon

    You shouldn’t need a page template for this, you can add to Custom CSS:

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

    Replace “x” with the page ID. You can get this by editing the page in question and checking the URL. The ID is in the URL.

    If there is any space left at the top, send a link to the page and I’ll help resolve.

  2. 8 years, 11 months ago Jatupon Rattanapanop

    Hi Andrew. It work but unfortunately It has to disable the Breadcrumbs to get rid all of the top. Can we option to turn On or Off Breadcrumbs for a specific page?

    Thank you for your support.

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

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  4. 8 years, 11 months ago Jatupon Rattanapanop

    This is the link. http://tinyurl.com/q5vlvqd

    Thank you very much.

  5. 8 years, 11 months ago Jatupon Rattanapanop

    Hi Andrew

    I solved the problem. I do the same way you told me to do with the

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

    with

    .page-id-x #yoast-breadcrumbs  {
    display: none;
    }
    

    So everything work the way I expected now!
    It would never happen without you.

    Thank you very much.
    Emily

  6. 8 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear you’ve made progress.

    All the best.

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