alisonatkin

Ah, okay. So I might have figured out what’s gone wrong – but I’ll be damned if I can figure out how to solve it.

I have added a ‘blank page’ template to the theme folder, so that I can use it for my landing page (www.birchbark.co.uk). In order to set it up how I’d like, I’ve added some CSS (below). Obviously though (now) this is impacting the rest of the theme. Therefore, I’ve tried to add body-class signifiers in front (in this case .body.js #content) to avoid this CSS effecting anything else – but when I do that, it seems to get over-ruled somewhere above and no longer appears the same.

It might be that this is well beyond your remit, since the only reason the sidebar isn’t where it’s supposed to be is because I have added in this additional page template and CSS for it.

—

html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
section {
width: 100%;
min-height: 100%;
display:table;
height:inherit;
}
.row {
width: 100%;
height: 100%;
display:table-row;
}
.col-left, .col-right {
display:table-cell;
width: 50%;
height: 100%;
vertical-align:middle;
}
.col-left {
background: white
}
.col-right {
background: white;
}

h1 {
font-family: sans-serif;
color: white;
}

• This reply was modified 8 years, 1 month ago by alisonatkin.