Sidebar – Default Position
-
Hello,
I have just installed Kale and so far I am really loving the clean simple lines of the design. I’ve been customising it to suit my needs, but I’ve recently noticed a quirk with one of my pages.
My ‘Blog’ page is set to the default page template. I would like to use the Sidebar – Default (without a border) and I’ve added the necessary widgets. However it appears to be positioned further to the left than I would expect. Is there a way change this so it appears at the righthand side of the page?
Many thanks,
AlisonThe page I need help with: [log in to see the link]
-
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;
}
The topic ‘Sidebar – Default Position’ is closed to new replies.
