This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

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

Resolved 6 replies premiumthemetheme-vantage
Jatupon Rattanapanop
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 10 years, 3 months ago

    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. Jatupon Rattanapanop 10 years, 3 months ago

    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. Andrew Misplon Staff 10 years, 3 months ago

    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. Jatupon Rattanapanop 10 years, 3 months ago

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

    Thank you very much.

  5. Jatupon Rattanapanop 10 years, 3 months ago

    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. Andrew Misplon Staff 10 years, 3 months ago

    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.

Have a different question or issue?

Start New Thread