WordPress Three Columns Kubrick Theme
WordPress Default 3-Columns is a three columns(content, sidebar1 and sidebar2) layout theme for WordPress 1.5 (tested on WP2.x), based on Kubrick theme.
Table of Contents
What’s different?
Basically, I add one more column(sidebar) at the right, shorten the header height, and add sidebars to single post view.
Download:
Installation:
Upload the extracted folder(three-col-kubrick) to wp-content/themes, click on “Presentation†in the administration panel and select it from the list. Done.
Who are using this template?
Some popular blogs are using modified version of my three columns kubrick theme such as SlackerManager, VoIP Blog, and many others.
FAQ
- How to change sidebar background color?
The sidebar background color is a background image, not CSS color. To change the color, you edit the “kubrickbg.png” image. - Do you have a “sidebar-content-sidebar” 3 column kubrick theme?
No for the moment. I will working on it. - How do I make the entire header clickable?
Open index.php. Find:<div id=”header”>
and change the line to:
<div id=”header”
onclick=”location.href=’http://YOUR_BLOG_ADDRESS/’;”
style=”cursor: pointer;”>
</div>This will make the entire header a link.
Buy me coffee
Liked this 3 columns kubrick theme, please buy me a cup of coffee. :)
My two cents:
The three column theme serves my own needs. I was looking for three column kubrick theme, but nobody make one. So, I made it.
This is my first WP theme, though it is simply(took me a day) modifying the default WP theme. As a CSS newbie, I learned a lot from this experience.
P/S: If this is not what you are looking for, try the list of three columns WP themes or recommended WordPress themes.
Update: Felix Ker made a widgets-enabled version of the theme.
Well done, dude !!
Work until this late must be very tiring.
Go catch a good sleep. :)
Just a reminder, don’t forget about the 800×600 readers. :)
Anyway, feel happy for you.
Great job…I was thinking about switching to a 3 column layout and I like the basic Kubrick!
thanks. :)
the theme is still viewable under 800×600, just like Engadget.com.
hey, nice idea of making one column for ads…:). It’s gonna help you with your income.
ya.. i can put more blogads without disturb the content. :)
Great work. I’ve also modified the default Kubrick WP 1.5 theme to add support for sidebar in single page and shorten the header graphic but your 3 columns hack is awesome. I would implement it on my site soon.
thanks. I am thinking to modify it further to fit in 800×600 resolution…
I especially like BlogHerald‘s blog. The theme is very similar to Kubrick. The page id fits into 780 pixels width.
@hendry: ya, I found BlogHerald after I released my 3-col theme. :roll:
Hi LcF from Spain!. Many thanks for your great job, I was looking for something like this. Now I have a doubt, can I, easily, put the smaller column in the left side, or is it very complicated?.
Greetings
@Náufrago: it will involve redesign the coding of wordpress theme.
Many thanks for answering, LcF. Hugs.
no problem. you have a nice blog. :)
Anyway to alter this to make one column on each side? I would LOVE it! If only I wasn’t an idiot with CSS….
thank you, monkeypup. the 3 column with left and right sidebar is in my plan. I will release a new 3 column kubrick theme soon.
Awesome. I can’t wait.
I no longer use explorer but many of the readers of a site I help run do. The site uses this theme and Internet Explorer doesn’t render the 3 columns properly. you can only see 2. Any idea how to fix this?
yes, there are some conflicts with IE’s CSS rendering.
Outstanding plugin. You Rock! Thank you very much for this great improvement.
How can I move the blog roll links (and archive and meta) from right column to the left column?
:-)
Thanks, again!
yeah… great template… I too would like to know what to edit to make the columns either side…?
Let’s make that three who would like to have the small columns on either side. (I’m posting just to get notified when there’s a new comment, hopefully with info on splitting the small columns.)
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
This is just what I was searching for..
Now, how hard would it be to have it so a Google medium ad box shows up automatically between every couple of posts? Like Engadget, and some other Weblogs, Inc. blogs. I’ve installed WP a few times, but I haven’t really messed around with it too much.
Arun Kumar: you mean adsense block after certain number of posts? Try http://wordpress.org/support/topic/12685
This is really terrific. Thanks!
Any chance you could share your photoshop file of the header graphic so I can create other headers? Thanks!
Hi!
I’m really looking forward the sidebar-content-sidebar design. I’ve been trying to mess with the css file, but I haven’t been able to do it on myself :(
nice theme man! i have implemented it, there seem to be an issue of css in ie has anybody seen this? The text comes way to close to the right grey side, makes it look cramped.
Can you perhaps tell me how i can i put the search bar and adlins on top together like you did?
Yes, there are some IE CSS issues. Here is the current CSS stylesheet I am using for this site.
Note: the current stysheet is for reference only. Do NOT apply it directly to the theme. I did alot hacks base on the public release version.
Hello :)
How did you get an ad above the columns with out messing up the alignment?
thanks
khurrum: you may check out the source code. It is as simple as adding a css box in the top of sidebar.php
thank you :D
I initially tried that and the whole menu moved to the left corner. But after that I added some content and it pushed the menu back into place :)
thank you very much!
Thank you very much for your 3-column design!
I love your theme. I was wondering if it is offered in other colors besides blue?
Okay, thanks for the info!!
I like this theme. Great job!
You inspired me to tinker with my 2 colum wordpress blog and I came up with this 3 column design . Somehow I was able to get the left column+content+right thing figured out. Email me with questions.
Corra: is it available for download?
Not yet. It’s a modified version of a 2-column theme I downloaded from WPThemes.info, and I am not sure about the licensing situation. Any ideas?
Corra: you may want to contact the theme author for licensing info. Usually, they are open source. :)
I need to give thanks — I found this theme was suitable for my blogsite because it contained the clear instructions I needed to modify without blowing something up.
thanks great theme is it compatiable with wordpress 2
Hi thanks for it. Worked great but in wp2 using firefox is not showing good :(
nice one sir. thanks for it works good
How do you add the wordpress navigation to your 3 column Kubrick theme?
you can adjust the CSS code of wordpress navigation bar to match with 3 column kubrick theme: modify the “top” value of #supernav
Why don’t images in posts show up when you select a category? Was that done on purpose? If so, how do you allow the images to show?
Example (Doesn’t show any images):
https://old.liewcf.com/archives/category/gadgets/
@Tim: yes, it is done on purpose. The category view use a differrent template tag to show only post excerpts.
You can goto http://codex.wordpress.org/Template_Tags for a list of wordpress template
I’ve been looking for a good template like this one. Thanks for making it! Much appreciated.
Question, would you happen to have the left and right column version handy for this theme? I remember you mentioning it and I would love to see what you came up with.
Chris
@Chris: yes, probably…
Great template.. I use it at http://www.urbanskaters.com , and it works a treat. Thanks man, this is great!
I need help!
How can I get one sidebar on the left and one on the right as on http://www.filmeundso.de ????
@Stefan: I haven’t create a sidebar-content-sidebar theme yet.
Tweaking the CSS and templates to achieve this effect shouldn’t be that difficult? What do you think LcF ?
this may have been asked before, but I was just wondering if there is a way to put vertical lines in between each column, or atleast a vertical line seperating the main content from the sidebar?
@Evan: an easiest way is to add a vertical line in the column background image.
thanks
Hi, I downloaded your Theme (3 Column Kubrick) and changed its header to monochrome, now it looks superb, try it dude. (Blue look boring)
And I wanted to ask you a question.
I tried to sign up at Chitika but i can’t because they just won’t accept me.
And is Adbrite available in India (I mean can i install it in my blog, will get paid)
I like this theme/template a lot. I’ll be using it on a site I’m currently trying to finish up. Thanks so much and best of luck to you!
Hi LcF,
thanks for the theme.
I am using it … but change for Almost spring instead of Kubrick :D
I Like the look of this blog. This kind of thing is going to explode in the next few months with adsense. Now I just have to fiqure out how to get it to work right on IE
hi, I’ve asked before but I can’t get it to work. At the moment this template is in the center of the page. I need it down the left…any chance of letting me know how to do it? Cheers
Craig
Perfect, exactly what I needed.
By the way, you included some hidden Mac files in the zip.
You know, the “__MACOSX” and “._footer.php”.
Just FYI, nice theme.
@DiFFeReNT: yeah, I zipped the files on Mac OS X and those hidden files are automatically included. *sigh*
Just ignore the files.
is this theme under any kind of cc license?
the same than the web?
This theme is licensed under open source, inherit from the original theme’s (wordpress kubrick) license.
Hi, great theme! How do you expand the the margins to make a wider layout in the sidebars, as well as the posts?
very nice job, I downloaded this, 3 columns is great! one left and on right would be nicer tough, gonna try to fix that
LcF…
Any change you have a wider version of the stylesheet? Say 980? The more I tinker’d around the more I messed it up. Would like left (main column) about 140px wider and the other two about 10px wider each.
Thanks for doing a great job!
Jon: thank you for the suggestions. :)
how can make the sidebar on left and right not only right?
i want : sidebar – content – sidebar
how can?
Oh, hi! Thanks for this 3 coloumn theme, I already started to test it for my http://www.emod.ru/en blog.
May I ask, how to add links on kubrickheader image? As is done on your header image?
Regards
yeh…:(( thanks for non reply
@Kotikss: Please refer to the updated FAQ in the article.
Sorry, I forgot to reply you after updated the FAQ.
Hi again:)
You mean your themes index.php, right? Not that common Kubrick themes index? If yes, that it isn’t there, I found only . Where is ?..
Could you help me please?
Regards
I’m using this template on my blog..Thanks liew..
Thank you for a very good design.
I just wonder how it works wit newer version of WordPress?
Regards
Erico
@erico: this theme is working on WordPress 2.x too :)
very good
I just installed your theme, and need some help from freelance WP web designers.
why dun u update the latest theme u using now? with pages link under the hearder. a big survey advertisement which merge two sidebars together? I think it will be very popular.
Cos I am now finding theme like this… hehe…
Thank you.
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
Managed to plug the “Header Image and Color” function from default kubrick theme into this three columns theme of Liew. It works fine too.
Anyone interested?
Haha, Finally i found this theme. Really lot peopel using this theme. I will Switch to using it.
Thanks!
I spend few hour today in search for wordpress theme, ending up with this theme 3 columns Kubrick theme. Try to copy your blog title on left hand site but unable to do so :
@Jimbo: to move the header to left, you need to edit the H1 CSS style in style.css file – text-aligh: left;
Are there similar things for Blogger? Anyway, I have got a closely resembling one :)
Looking forward to the:
sidebar | content | sidebar
theme… :)
Thanks for your site!
Nice… I have modified the 2 column but never thought about doing 3!
Nice… I have modified the 2 column but never thought about doing 3!
Great theme, just need some help on:
1. Increasing the header height to 200px. I tried editing the style.css and header.php and still doesn’t work.
2. In header.php, there are instructions about replacing the header with own image. Instructions say “personalheader.jpg” however path shows “personalheader.png”. I’ve either both by placing in the images directory but doesn’t work. Do have to delete the rotator folder?
HELP!
@santa: 1. In order to increase the header height, you need to edit the header image as well.
2. The original theme is using JPG format but I changed to PNG because better quality and smaller size. In order to use “personalheader.png”, you need to uncomment the line of code by removing the /* and */ around it.
Hi,
I have a few questions:
Does this theme work ok with the newest version of WordPress?
Also can I add a picture (image) instead of what is there now? How do I do that?
How do you add to and manage the sidebars? Do you use a plug in like sidebar modules?
Will the adsense modules show up on all pages?
How do you drop in the Google search at the top of the page like you have done?
Sorry for all the questions… keep up the good work.
Martin
@Martin Hurley: the theme works for WP2+ but not optimized.
You can use your own pic to replace the header image found in /images/ folder.
I manage the sidebar manually by editing the sidebar source code.
If you put adsense ads in single.php or sidebar.php, it will showed in all pages.
For the google search form, you can refer to my page source code.
Hope these help. :)
You can add me to your list of satisfied customers. I just posted our new Kiwanis club site using 3CKubrick. I GIMPed the header image a bit so the International logo would fit and added Alex Tingle’s Event Calendar. Very clean, very nice. Hoping to widgetize the sidebars soon. Thanks!
i’m having trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thanks
@red leader: looks like you are missing closing code in the theme. Please re-check your code.
Liew, I just installed your 3 column kubrick wp theme on my development domain and it doesn’t work. I’m running wp 2.1.3. Any tips as to what I may need to check. Thank you.
@David Tsvirinko: What’s the error?
Thanks for this theme LcF, I have it running in the latest WP and it’s a charm.
simple and famous theme :)
Hi friends!
Do you have the 3 columns kubrick theme upgraded for WordPress 2.2.?
thanks!
Maybe you guys can help me out. I’m having trouble with my pages looking aesthetically different than my home page. Click on ‘about’ and you can see changes in my setup that I can’t figure out how it happens.
Please help
http://www.heavytext.com
-Red
I had way too much fun customizing your theme to suite my minimalist tastes. Thanks for making something that was easy for a noob like me to mod (or tear apart, depending upon perspective).
@Ken: your modified theme is minimalist indeed. :)
I am a newbie in this blog thingy…I’ve found your blog and at first it was quite frustrating that I was lost with the updating part…Thanks to u..now I’m quite happy with my blog…
good to know u….i’ll add u as my fav :)
yes, there are some conflicts with IE’s CSS rendering.
How can I widgetize the sidebars?
rhanxs for the design . updated on few ofthe blogs
Hi,
I’m trying to upload movie on my blog but find the movie size is too big and it really screwed up my blog alignment. I tried to resize the movie file but failed. Any idea how do I make left & right blank spaces much wider?
@fidzah: changing column width involve editing CSS stylesheet and image sizes.
i’m having trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thanks
How can I widgetize the sidebars?
simple and famous theme
rhanxs for the design . updated on few ofthe blogs.
Is there any way to modify the spacing between the columns easily? It looks very narry on your site.
Dissection of a WordPress theme: Part 1 Currently the Bisbee High School Arts blog is using a 3 column variation of the Kubrick WordPress theme. We will be modifying this them using the theme tutorial from Urban Giraffe. Urban Giraffe is a blog that has some great WordPress tips. From their site:
It’s a really nice template.. but i think it’s a little bit narrow on the 2nd column. How can i modified each column?
Thanx..
@Ade Kurnia: theme modification involve editing the CSS stylesheet…
i’m having trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thanks
How can I widgetize the sidebars? i could not do too :(
i’m having trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thanks
thank you. I will create widgetized theme soon.
nice theme man! i have implemented it, there seem to be an issue of css in ie has anybody seen this? The text comes way to close to the right grey side, makes it look cramped.
yes, there are some conflicts with IE’s CSS rendering…
i’m having trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thanks
Nice one. I download it now.:D
liew..where did you learn to make this?..
can you share your source?
would like to make my own wp themes..
thanks
g trouble widgetizing this theme. I can’t seem to figure out the problem i get an eror message that reads
Parse error: syntax error, unexpected $end in
any help you can give would be great. thank
How can I widgetize the sidebars?
I’m using this template on my blog..Thanks liew..
hey man, i used to use the origional for a long time. I like what you have done here. Good work :)
Maybe if I get up to speed on PHP, more up to speed on stylesheets and have some time to make some background graphics I’ll design a theme of my own.
Do you know if there is a 3 col. version for WP 2.3.2 ?
Maybe if I get up to speed on PHP, more up to speed on stylesheets and have some time to make some background graphics I’ll design a theme of my own.
Hi
I need help urgently, I have installed WP 2.3 and I want to modify Default Kubric theme according to my needs.
Can you plz guide me through this?? Can you plz tell me how to do it.?? I am really confused.. I have html and CSS knowledge. Do I have to have PHP knowledge too.. in order to work with WP.???
Plz point me to right direction.. where I can find easy to understand tutorial about customizing Default Kubric theme to match with my website.
Hi Jyo, I have just used this http://codex.wordpress.org/Designing_Headers to help me, I know nothing about WP code and PHP but managed to change the colour and upload my logo and push the header text around a bit. I am still struggling with the smaller header text though, hopefully I can get some help to move this to the right, everything I have tried doesnt seem to work. So I have now asked for help. I would normally not ask, as I know its better to learn by mistakes.
Neil
Hi Neil,
Thanks for your reply and valuable input. Just like you, I also believe in learning through my own efforts. but this time I am in hurry. :D
I need to arrange my blog as early as possible so that I can start out with promotional activities. Anyway.. I do know HTML and CSS. so with the help of that I have been successful in changing layout and appearance of my WP blog according to my website layout. Plz check my blog..
http://www.just-health.in/weight-loss
But I need help with the navigation bar. I don’t understand how to manage it. I hope someone experienced from such high volumed site can help me.
Anyway.. solution for your problem. If you are using WP Kubric default theme then you can locate ../wp-content/themes/default/style.css
Open it and try to find out following code…
#headerimg .description {
font-size: 1.2em;
text-align: center;}
Change text -align to right and you will see small text in the header moving towards right side of the browser.
Similarly try to find out
h1 {
font-size: 4em;
text-align: center;
}
change “center” to “right” and this way your main heading text will move towards right …
it’s as simple as that. Hope it helps you in a way.. If you need any more help try to feed the feedback form on my site.. and thus I will get your email ID.
I am just struggling to find out any help for managing my navigation bar.. but not found any yet.. :-(
bye.. regards..
Thank you very much for your 3-column design!
I have managed to do what I needed for which I thank everyone for helping. I now have the dreaded “cookie” trouble when trying to log into my own blog. Yes I have checked the forums for an answer and I have tried them all. Does anyone have the “ERROR: WordPress requires Cookies but your browser does not support them or they are blocked.” messaqe and has any one cured it or got a cure. Having tried everything I have asked my host for help to delete or reset my mySQL database as for some reason they don,t have any default access panel from their site. Has anyone got any experience in this area?
Hi
I need help urgently, I have installed WP 2.3 and I want to modify Default Kubric theme according to my needs.
Can you plz guide me through this?? Can you plz tell me how to do it.?? I am really confused.. I have html and CSS knowledge. Do I have to have PHP knowledge too.. in order to work with WP.???
Plz point me to right direction.. where I can find easy to understand tutorial about customizing Default Kubric theme to match with my website.
ya.. i can put more blogads without disturb the content.
Ölüm Çiçekleri: you don’t need to know PHP to edit the theme. Since you know CSS and HTML, you only need to refer the WordPress tags at codex.wordpress.org to understand the theme. Basically, you can edit CSS stylesheet to change the layout.
Ölüm Çiçekleri,
Can you tell me buddy why your post is exactly same as my post #176??
jokes apart.. I don’t mind it though..
But if you are facing same problems like me.. then contact me through my form on my site.. so that I would get your email ID.. and then I will mail you how to change layout of WP 2.3 according to our needs to match it with our weblayout..
:-)
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
Thank you very much for your 3-column design!
Nice work. It’s nice and simple, and can definitely be used. I’m not usually a fan of three columns, but I think you’ve done well in making the left column the bigger one. A lot of three columned themes make the middle column or the right column the bigger one. I don’t think this works too well, things seem to cluttered that way. But yours isn’t cluttered at all, and I like the search bar idea. You may have just converted me into a three column user!
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
Thank you very much for your 3-column design! thank you
I want to change the header image how to do it, there is no option just like free wordpress.
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
@hayko cepkin: simply edit the theme image and add the vertical bar.
We do thankings or adsense harmonious what kind of
Many columns will become bad if We add..
yes, there are some conflicts with IE’s CSS rendering.
Questions:
1. Is it possible to customize or change the header?
2. Will the middle column adjust in case the image that I put at the body of my post occupies some space outside the leftmost or first column?
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
thanksss great themes:.
thanksss great themes:.Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
hi. I want to change the header image how to do it, there is no option just like free wordpress.. thnakss
the vertical bar can be added by editing the background image. The header image can be changed by replacing the header image. Both can be found in /images folder.
Love your theme! But this guy took it and embedded malware, so he can embed SEO spam links. http://felixker.com/wordpress/widgets-enabled-three-columns-kubrick-theme/
Max
LcF … this is great … thank you.
Is there a widgetized version yet?
The update link you have above seems to lead to nowhere.
Thank you!
yes, there are some conflicts with IE’s CSS rendering.
thanksss great themes ..
Thank you very much for your 3-column design
thanksss great themes .byeeeeeeee
No Sidebars Defined…oh no….
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
Managed to plug the “Header Image and Color†function from default kubrick theme into this three columns theme of Liew. It works fine too.
Anyone interested?
yes, there are some conflicts with IE’s CSS rendering.
thanks
No Sidebars Defined…oh no….
No Sidebars Defined…oh no….
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
No Sidebars Defined…oh no! ;)
How can i widgtize the sidebars??
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
No Sidebars Defined…oh no….
I just installed this theme along with my WP 2.0.4 upgrade. It works fine but I dislike blue color.
great. love this theme. its going to provide more money making options
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
@ev: to add the vertical line, you need to edit the background image of the theme
It’s a cool theme. But how can I set wide mode and change header?
Great theme Liew! Could you tell me how to add the vertical bars in between the columns like you have on this site? Thanks!
gooooooooood
ist great
but How can i widgtize the sidebars
It’s looks like Default theme..But 3-column design is very good..
Best regards..
It’s looks like Default theme..But 3-column design is very good..
Best regards..
thanks for nice themes
It’s looks like Default theme..But 3-column design is very good..
Best regards..
3 column simple clean theme. thanks
great template… I too would like to know what to edit to make the columns either side…?
Many thanks for answering, LcF. Hugs.
thanks
very nice thank you for your share
Do you know if this theme is being updated?
This is outdated theme which I have abandoned.