How to Edit the Kubrick WordPress Theme
In the following videos I demonstrate how to edit the default, Kubrick WordPress theme using Photoshop. The first video covers the various images used in Kubrick and shows where and how they are used…parts 2 and 3 demonstrate how to edit those images and make some basic css adjustments to accommodate your changes. I demonstrate how to:
1. Create a custom header
2. Customize the footer and background
3. Change the color of the background or add a repeating background graphic
4. Remove the blog title and tagline from displaying over the custom header
5. Make the header clickable
The Kubrick psd (Photoshop) file I use in the videos is available for download here:
Download Kubrick PSD Downloaded: 2417 times.
How to Edit the Kubrick WordPress Theme — Part 1 of 3
How to Edit the Kubrick WordPress Theme — Part 2 of 3
How to Edit the Kubrick WordPress Theme — Part 3 of 3
Related posts:
- Customized iNove Theme for Download — 200px Header I’ve customized the iNove theme — Version 1.2.2 — to...
- How to Remove the Commenting Feature From Your WordPress Theme Commenting is a great WordPress feature and is one of...
- Basic WordPress Theme Editing for the Non-Techie: Part 1 The following video is intended for the non-techie who wants...
- WordPress Pixel Theme — Four New Colors I’ve edited the WordPress Pixel theme (1.9.7) a bit to...
- How to Create a Custom Page Template in WordPress The following videos demonstrate creating a custom WordPress page template....
This was a great tutorial and I wouldn’t have been able to revamp my site without it
But two things: the way to make the header clickable only worked in Firefox and not explorer so I ended up using a variation on the code edit that I found in in the WordPress faq http://tiny.cc/CmT0C . Also, I got a flash of the old blue header which was a nightmare to fix but it was solved (again) thanks to the WordPress folks http://tiny.cc/dkB3G
Again, great tutorial!
Great stuff, Figaro. Thank you so much. It made my day.
I’ve been trying to improve things though, using Flashfader plugin in WP 2.9.2. Inserted the code in header.php and it worked (FF does) – but not through the header. code is:
Is there a place where this should be included that you can suggest?
Thanks again – even without fading images, it’s great.
Awsome guides, really helped me alot, can’t wait to see how you remove the grey edges in your next tutorials.
@jesth: I think the videos cover that.
Hmm, okay, I just watched all 3 of them again, and still didn’t see that, maybe I wrote it wrong, what I meant was, the grey areas on all three images, those i’d like to remove, so I don’t have to add background colors to them.
I hope you know what I mean.
@jesth
Okay, I think I understand now…you want it to look something like this:
http://educhalk.org/china/
It’s been a while since I played around with Kubrick, but I think I just deleted the masks from the template…see one of the masks I’m talking about at around 5:40 in the second video. I may have had to adjust some css as well, but it’s been so long I can’t remember. If you have the images you want to use, let me know and maybe I can take some time this weekend to look at this again.
That’s exactly what i’m after in that link, I got the images from the default kubric theme, also downloaded the .psd, but i’m nbnot that strong with Photoshop, maybe a psd without the grey areas, that would be awsome.
And once again, really really good guides.
@jesth: I’m swamped for the next few days, but I’ll take a look at this again when I get a chance and see if I can change the files to do that…it may be next week before I get to it, but will post it to my blog when I get it done.
Much appriciated, and thanks for the help so far.
Amazing tutorials . Many thanks for your Help.
Great!
Thanks so much. I was tearing my hair out over the background color. Your videos are informative and also calming.