Need help? Check out our Support site, then


WordPress.com Forums » Support

appearance

  1. wininitiative
    Member

    I chose the DePo Masthead theme for our blog, which is the blog for my online magazine - http://www.wink-mag.com. H1 (the main header) has the standard font for the blog theme. Since our font isn't readily usable, I was wondering if it would be possible to replace the H1 header with an image file of our magazine logo.
    Any of you guys know?

    The blog I need help with is wink-blog.com.

  2. thesacredpath
    Member

    DePo masthead does not have a custom header image option. You would need to have at least a moderate understanding of, and experience with, CSS editing and the paid CSS upgrade to make that change.

  3. wininitiative
    Member

    We have the paid CSS upgrade, can you please explain how I could make that change?

  4. thesacredpath
    Member

    First off you should know that there is no official support for the paid CSS upgrade and few volunteers here in the forums that know much about it.

    I'll work on it for you in a little bit and post back here in a while as I have to run an errand right now.

    If you are going to mess with CSS though, you really need to do some of the online tutorials and at least gain a general understanding of it.

  5. wininitiative
    Member

    thank you, i appreciate it.

  6. thesacredpath
    Member

    First off, your header image needs to be 980px wide and about 220px high. Those are both maximums, but to make it look right with the theme you need to stick pretty close to those numbers. Create the header image and then go to media > add new in the dashboard, upload the image, and when it finishes and before closing the window, copy the image URL out of the "file URL field at the bottom of that screen.

    Go to appearance > edit CSS, clear everything from the CSS edit window, make sure that "add to existing..." is selected and paste in the following:

    h1 {
color: transparent;
}

#container h1 {
background: transparent url(PUT_HEADER_IMAGE_URL_HERE) no-repeat scroll center
}

    Replace the " PUT_HEADER_IMAGE_URL_HERE " between the parentheses with the full header image URL that you copied out when you uploaded the image. Click the "preview" button to see what it is going to look like and if you are happy with it, click the "save" button.

  7. wininitiative
    Member

    thanks so much! That was incredibly helpful.

  8. thesacredpath
    Member

    You're welcome. If you have any problems with it, post back here and we will try to help you fix it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags