K2-lite Header customization

  • Author
    Posts
  • #430516

    powdered1989
    Member

    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.

    #430659

    raincoaster
    Member

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

    #430664

    powdered1989
    Member

    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.

    #430674

    raincoaster
    Member

    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.

    #430678

    timethief
    Member

    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/

    #430680

    powdered1989
    Member

    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.

    #430682

    timethief
    Member
    #430683

    powdered1989
    Member

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

    #430685

    raincoaster
    Member

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

    #430703

    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.

The topic ‘K2-lite Header customization’ is closed to new replies.