Archived topic

Totally blank page

4 replies · Started by Anonymous on March 28, 2016

Viewing posts 1–5 of 5

March 28, 2016 at 4:10 pm #182397

Hi, I want to have a totally blank page, in this instance I can't use a blank page template. When I click disable header, primary navigation, secondary navigation, post image / page header, content title and footer I am left with my content pane but you can still see the background. How can I make the content pane occupy the full window. Is there some css or a plugin?

Much appreciated

Kit

March 28, 2016 at 10:37 pm #182438

Hi there,

You'll need to add some CSS.

Find the ID of your page, and then add this:

body.page-id-xx {
    background-image: none;
    background-color: transparent;
}

xx being the ID of that page.

Hope this helps :)

March 29, 2016 at 3:17 am #182514

Thanks, I now have a totally white screen. When I type the word test it is not exactly in the top left corner, how would I totally remove margin etc? Thanks again :)

March 29, 2016 at 5:15 am #182541

Solved using:

body.page-id-266 .grid-container {max-width: none;}
body.page-id-266.separate-containers .site-main {margin: 0;}
body.page-id-266.separate-containers .inside-article {padding: 0;}

March 29, 2016 at 10:15 am #182641

Awesome, thanks for posting your solution :)

This archived topic is closed to new replies.

Start building better websites today.