WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding Custom Logo to New York Theme by WPSkinner (5 posts)

  1. loomz
    Member
    Posted 4 years ago #

    Hello,

    I'm using the New York Theme by WPSkinner and I'm trying to add my own logo to the header.

    This theme is using "Cufon" and I've emailed the designer, but the only repsonse I get is to "edit the header.php files." I searched online on how to do this, but the only instructions I get are related to themes that don't use Cufon.

    Any help will be greatly appreciated.

    if you need to view my site, it's coolncas.com

    Thanks :)

  2. alchymyth
    Forum Moderator
    Posted 4 years ago #

    what has that to do with cufon?

    add logo to the header - where, what size?

    generallly, you have 2 possibilities:

    1. insert a html img tag into header.php at the right spot, and adapt the css for position.
    2. insert the logo as background image into the h1 tag, in style.css;
    for instance:

    #header h1{
    	font:normal 20pt Trebuchet MS;
    	padding:35px 0 0 16px;
    	margin:0;
    	color: #eeeeee;	background: url(images/logo.png) 5px 10px no-repeat;
    }

    5px 10px is the background image position relative to the top left corner of the h1;
    save the logo.png (or whatever) in the images folder of the theme.

  3. immy00100
    Member
    Posted 4 years ago #

    I am Author of New York theme. Loomz contacted me personally via e-mail and i recommended him replacing header h1 with img html tag with blog url. If somebody else is looking for the solution here it is:

    1. Open header.php
    2. On line 36 find the following code

    <h1><a class="head" href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    		<h2><?php bloginfo('description'); ?></h2>

    3. Place your Logo file to wp-content/themes/new-york/images directory and replace above code with following code.
    <a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt=""/></a>

    change 'logo.png' to whatever your logo name is.

  4. loomz
    Member
    Posted 4 years ago #

    thanks to both of you for the reply...MoIn, I tried your method and the logo is showing but it's too high in the header, any way I can lower it so it can look more level with the navigation? Any CSS I need to add?

    See coolncas.com to understand what I'm talking about

  5. loomz
    Member
    Posted 4 years ago #

    Ok so I figured out the problem with the positioning. Now the logo doesn't show up on the home page for Firefox or Internet Explorer, but it does show on my other pages..Any reason why?

Topic Closed

This topic has been closed to new replies.

About this Topic