WordPress.com

1. powdered1989
   Member
   Dec 22, 2009, 12:40 AM

   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 ramidally.wordpress.com.

2. raincoaster
   Member
   Dec 22, 2009, 1:02 AM

   There might be some guidance in the references listed at the head of the CSS forum; have you read those?

3. powdered1989
   Member
   Dec 22, 2009, 1:26 AM

   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.

4. raincoaster
   Member
   Dec 22, 2009, 1:41 AM

   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.

5. timethief
   Member
   Dec 22, 2009, 1:48 AM

   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/

6. powdered1989
   Member
   Dec 22, 2009, 1:50 AM

   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.

7. timethief
   Member
   Dec 22, 2009, 1:57 AM

   Please start here http://www.w3schools.com/css/default.asp

8. powdered1989
   Member
   Dec 22, 2009, 1:59 AM

   Thank you timetheif for the last post. It really seems helpful!

9. raincoaster
   Member
   Dec 22, 2009, 2:00 AM

   You MUST upload all images to the internet in order to be able to use them.

10. thesacredpath
    Member
    Dec 22, 2009, 5:45 AM

    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.

Topic Closed

This topic has been closed to new replies.