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.

Fullscreen page

Open 6 replies premiumthemetheme-vantage
Allan Brazute (EthraZa)
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi.

I’m on Vantage Premium 2.2 on WordPress 3.9.1 and would like to create a page with no header/menu, no footer, no side bars and full width. Basically I would like a fullscreen page.

No sidebars is easy with the page template, but the others are proven dificult.

Can someone, please, point me to the right direction? Maybe a custom page template?

Thank you.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Andrew Misplon Staff 11 years, 7 months ago

    Hi Allan

    If you view the page source you’ll see a body tag, each body tag has a class in it that’s unique to that post or page. For example the unique class of this page we’re talking on is .postid-3007. So if we were hiding elements on this page, the selectors to insert into Appearance >Custom CSS might look like this:

    .postid-3007 .main-navigation, .postid-3007 .site-footer { display: none; }
  2. Andrew Misplon Staff 11 years, 7 months ago

    So you’d need to swap .postid-3007 out with your page’s unique body class and insert the selector under Appearance > Custom CSS.

  3. Allan Brazute (EthraZa) 11 years, 7 months ago

    Custom CSS did the trick.
    But a template that do not render the unwanted stuff would be more “responsible”. So I let a fullscreen template as a suggestion for a future version.

    Thank you.

  4. Andrew Misplon Staff 11 years, 7 months ago

    For sure. You could child theme that if you wanted. You’d need to create a new page template in the child theme. Base it off the Full Width template, remove the header, footer.

  5. Allan Brazute (EthraZa) 11 years, 7 months ago

    I tryed that earlier today by creating a template that call get_header(‘less’) and get_footer(‘less’), duplicated the header and footer php’s and removed stuff from there, but my page ended up a little strange.
    I got not even closer to what the Custom CSS did, like, in the CSS I’m able to take out #main padding as well, I don’t know if in the template that would be possible..

  6. Andrew Misplon Staff 11 years, 7 months ago

    CSS is the easiest solution here. To expand the main container – you could refer to this selector:

    /* Vantage full width expand main container width */
body.responsive.layout-full #page-wrapper #main .full-container {
max-width: 1500px !important;
}

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