can i change the background image in kubricks theme?

kaidaten · Member · Aug 25, 2009 at 1:55 pm
Copy link

Add topic to favorites
is it possible to change the background imge in kubricks theme?
this is my blog
http://kaidaten.wordpress.com/

btw is it possible to put a botton link below the header image like “about us” or “forum” links?

im really new to wordpress, but i think i know a little about css

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 25, 2009 at 2:40 pm
Copy link
When you say the background image, are you talking about the grey areas to the left and right?
kaidaten · Member · Aug 25, 2009 at 9:38 pm
Copy link
yes yes, is that possible to modify?
thewebhostingdir · Member · Aug 26, 2009 at 12:10 am
Copy link
No it is not possible to change the background image. You can modify the header as you wish from the custom header from the Appearance section.
thesacredpath · Member · Aug 26, 2009 at 12:21 am
Copy link
@thewebhostingdir, there is a way to change it without the CSS upgrade, and of course it can be changed with the CSS upgrade as well.
thesacredpath · Member · Aug 26, 2009 at 12:22 am
Copy link
@kaidaten, do you have the paid CSS upgrade or not?
kaidaten · Member · Aug 26, 2009 at 5:05 am
Copy link
im using free so i think im not using css upgrade.

so how do you do it without css upgrade?
thesacredpath · Member · Aug 26, 2009 at 5:14 am
Copy link
If you want to put in an image in the background, paste the following code into a text widget at the top of your sidebar
<div style="position:fixed;top:0;left:0;background:red url('URL of image') repeat scroll;width:100%;height:100%;z-index:-1000;"></div>
Where it says “red” change that to a color that compliments your image so that if for some reason your image doesn’t load, you will have a similar colored background. You can use a hexadecimal color there, but be sure and include the # sign at the beginning of the color code. Example: #CC6666

Replace “URL of image” between the single quote marks with the URL of the background image that you upload. Make sure and optimize the image so that the file size is small. That will keep page load times reasonable.

There may be some other adjustments to the code that will be required depending on whether your image is small and you will want it to repeat, or large and will not need to repeat to cover the area.
thesacredpath · Member · Aug 26, 2009 at 5:29 am
Copy link
One other thing I’ll mention is that with Kubrick, you will end up with a light grey border around the post/header/sidebar area and that cannot be removed with out a good chunk of work with the CSS and creating a new background image for the post/header/sidebar area.
kaidaten · Member · Aug 26, 2009 at 8:15 am
Copy link
oh youre right!
the border seems to be made to make the table rounded square with shadow.

i should probably start learning how to use sandbox but modifying everything looks a lot of work.

do you know any theme that looks similar to kubrick that has no borders like that.

btw i might use a patterned 200px image for background image later on.

whats the code if i want to make it repeat?

also thanks for the code!
thesacredpath · Member · Aug 26, 2009 at 2:17 pm
Copy link
Take a look at K2 Lite. It is actually the replacement (newer version) for Kubrick and does not have the rounded corners and border.

The above code will work for a 200px square image since it is set to repeat the image. If you went with a large image to cover the entire area, then instead of “repeat” after the image link stuff, you would use no-repeat.
fisi2009 · Member · Sep 26, 2009 at 12:56 pm
Copy link
cool trick

No items found.