kubrick sidebar

https://vvv.jetpad.co.uk/wp-content/themes/default/images/kubrickbg.jpg

You also need to perform a bit of background image editing to resize/shift the sidebar.

hmmmn, i’m just going to replace that image with the kubrickwidebg.jpg.

someone must know which bit of code i need to edit to move the side bar right?

.narrowcolumn {
float: left;
padding: 0 0 200px 30px;
margin: 0 0 0 0;
width: 530px;
}

.widecolumn {
padding: 10px 0 20px 500px;
margin: 5px 0 0 150px;
width: 450px;
}

i’m pretty sure i have to change something there, but i can’t for the life of me figure out what.

Hmm… can’t say I know how to change columns and place them elsewhere… I guess that if you want to place it outside the page div, then do so… by taking it out in the code. (edit: and place it elsewhere).

But you’re going to have to place it manually in every file like archives index single and other stuff.

I guess its doable… but you’re going to have to split your footer.php file so that you can place the sidebar outside the div called page. That would make you have to call another file before closing a document.

<?php get_footer1(); ?>
<?php get_sidebar(); ?>
<?php get_footer2(); ?>

I’m no CSS, HTML, PHP expert but I just went through some lines of code to make the archives and categories to stop being displayed in the Archives page, and I kinda understood how the WordPress system works. I’m still having a hard time theming my blog.

Jet, I’m trying to do the exact same thing you are.

I’ve noticed that in the Kubrick ‘Images’ folder, there are white background strips and a gray thumbnail. Theefore somewhere in the Kubrick jungle, the thumbnail is being applied to the white background within a certain width.

The question is, where?

Lucky

—————-

Jet: Narrowcolumn and Widecolumn are never both used on the same page. Narrow is for archive and index pages (and the main page); wide is for individual entries.

1. Find <b>#sidebar</b> in the CSS file (it’s near the bottom).

2. Increase the narrowcolumn width by some amount (say, 50px), and decrease the sidebar’s <i>margin-left</i> by the same amount.

Magnumgrp1: the gray image is for the very edges of the page; the sidebar background color is built into the kubrickbg.jpg file.

There’s a quick fix if you want to get rid of the gray color and make the sidebar and main content area the same shade (white, that is). (Once you’ve done that, you’ll be able to move the sidebar wherever you want using css).

Find kubrickbgwide.jpg file, download it, rename it kubrickbg.jpg, and upload it (overwriting the old file).

You can see this in action on my (slightly unfinished) site.