Position Page on top left corner

  • Hi I want to create a child theme (or change the main code) to create a page that is positioned on the top left corner and has no margin, padding at all.

    What I wanna do is: Have pages that are ideal for displaying on television screens (1920×1080 pixels). So it might also be useful to change the main-DIVs dimensions to 1920×1080 pixels as well. Unfortunately I don’t know how or where to do that?

    I tried to edit the twenty-fifteen code, but just couldn’t find it.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter coly123

    (@coly123)

    I forgot to add that I was able to remove the left sidebar and some other things. Here’s my code so far:

    body:before,
#sidebar,
#colophon,
.entry-footer {
display:none;
}

.site-content {
    width: 1920px;
    height: 1080px;
position: fixed;
    top: 0px;
    right: 0px;
}

    But my side is still not positioned on the top left corner. And even if it was I would also need to remove the site title and the padding within the DIV that contains my content.

    Thread Starter coly123

    (@coly123)

    Okay, I got one step further, I just don’t know how the DIVs are named within wordpress.

    body:before,
#sidebar,
#colophon,
.entry-footer {
	display:none;
}

div {
position: fixed;
    top: 0px;
    left: 0px;
width: 1920px;
	height: 1080px;
}

.site-content {
	width: 1920px;
	height: 1080px;
position: fixed;
    top: 0px;
    right: 0px;
}
    Thread Starter coly123

    (@coly123)

    Another step, I am coming close to what I am trying to acchieve, can anyone help me?

    body:before,
#sidebar,
#colophon,
.entry-footer {
	display:none;
}

#main {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
background-color: lightblue;
padding: 0;
margin: 0;
}

    What theme are you using? Where did you download it from?

    Thread Starter coly123

    (@coly123)

    I am using twenty-fifteen (comes with WordPress)

    Do not edit the Twenty Fifteen theme. It is the current default WordPress theme and having access to an original, unedited, copy of the theme is vital in many situations. First create a child theme for your changes. Or install a custom CSS plugin.

    Thread Starter coly123

    (@coly123)

    Don’t worry, I am using a CSS plugin. ??

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting.

    Thread Starter coly123

    (@coly123)

    Okay I am almost there. My “content” DIV is “post-72” (which I colored red), everythings good so far but it looks like there is a padding in this post-72 DIV (which should not). Or some problem with the aligment? Any ideas?

    body:before,
#sidebar,
#colophon,
.entry-footer {
	display:none;
}

.entry-title {
       display:none;
}

#main {
position: absolute;
top: 0px;
left: 0px;
width: 1920px;
height: 1080px;
background-color: lightblue;
padding: 0;
margin: 0;
}

#post-72 {
background-color: red;
position: absolute;
width: 1920px;
height: 1080px;
padding: 0;
margin: 0;
}
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Position Page on top left corner’ is closed to new replies.