K2-lite Header customization

powdered1989 · Member · Dec 22, 2009 at 12:40 am
Copy link

Add topic to favorites
Hello.
I’ve recently started a blog, and been struggling a little in customizing some aspects of it. I initially started with Kubrick theme, but it was pretty much a nightmare trying to customize the header via css. I have now settled on K2-lite, but I am still trying to find a way to edit the header. The header is by default set to a certain size, but I would like to upload an image from my Macintosh Hd of 680 px in width and 369 px in height via editing the Css.
Could anyone please help me – I would appreciate it.
Thank you in advance!

The blog I need help with is: (visible only to logged in users)
raincoaster · Member · Dec 22, 2009 at 1:02 am
Copy link
There might be some guidance in the references listed at the head of the CSS forum; have you read those?
powdered1989 · Member · Dec 22, 2009 at 1:26 am
Copy link
There is information listed, however every theme differs with its own Css coding (and I am specifically asking about K2-lite).
I contacted the Support team hoping they could help. I will be posting their response soon. Thank you for that.
raincoaster · Member · Dec 22, 2009 at 1:41 am
Copy link
There is no staff support for the CSS upgrade. You are essentially on your own with it.

The method for adding a header to a Custom CSS blog is to upload the image, copy the URL, and paste that into the code where the URL for the header image is. You will also, of course, have to edit the header width to the proper desired width. All of these sections are identified in the code.
timethief · Member · Dec 22, 2009 at 1:48 am
Copy link
This post contains the sizes of headers for the various themes that have custom geaders. http://en.support.wordpress.com/themes/custom-header-image/
These are the free programs you can download and use on your desktop to compress, optimize and re-size images to exact sizes.
http://onecoolsitebloggingtips.com/2007/09/28/images-optimizing-pre-sizing-and-resizing/
These re ten free online image programs you can use if that’s what you prefer. http://onecoolsite.wordpress.com/2009/11/28/ten-free-online-image-compression-and-optimzation-programs/

It’s important to understand that all that you place on the CSS stylesheet is your changes. It loads last.
http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/
powdered1989 · Member · Dec 22, 2009 at 1:50 am
Copy link
Do I need to upload the image somewhere online to be able to use it – Can’t my URL be the position of the image in my hard disk? Ie: ( /Users/Ram/Desktop/b1.jp). I’ve been trying that, but it doesn’t really seem to work.
timethief · Member · Dec 22, 2009 at 1:57 am
Copy link
Please start here http://www.w3schools.com/css/default.asp
powdered1989 · Member · Dec 22, 2009 at 1:59 am
Copy link
Thank you timetheif for the last post. It really seems helpful!
raincoaster · Member · Dec 22, 2009 at 2:00 am
Copy link
You MUST upload all images to the internet in order to be able to use them.
thesacredpath · Member · Dec 22, 2009 at 5:45 am
Copy link
You can upload them to your media library, then get the URL of that image, and then put it into the appropriate place in the CSS.

Right now your header image is in a google mail account. That will never work since wordpress would have to log into your mail account.

Download the image to your desktop and then upload it to your blog media library: media > add new. Once it is uploaded the URL of the image will be toward the bottom of that upload window.

No items found.