Logo is cut off…

  • Hello everybody.

    I found a really nice theme that I like, and installed it on my blog. Next, I created a new text image for the logo to replace the one that came with the theme.

    It all worked out fine, except the new image is being cut off. It only displays the width that is the same as the original image.

    I’m sure I’m not making much sense, so let me show you.

    Here is the blog:
    https://lineolatedparakeet.net/blog/

    Here is the original image that was in the header:
    https://lineolatedparakeet.net/blog/wp-content/themes/freshcitrus/images/orig_logo.png

    Here is my new image to replace the original:
    https://lineolatedparakeet.net/blog/wp-content/themes/freshcitrus/images/logo.png

    The original image is only 235 pixels wide. My new one is 300 pixels. But on my blog, the header only displays the first 235 pixels of my new logo, and cuts off the rest.

    How can I fix this?

    If it helps, here is my header template code:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

    <html xmlns=”https://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>
    <head>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>”/>
    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>

    <title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <!–[if lt IE 7]>
    <style>
    #web-20{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php bloginfo(‘template_url’); ?>/images/web20.png’, sizingMethod=’crop’);
    }
    #navigation li a:hover, #navigation .current_page_item a, #navigation .current_page_item a:hover{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php bloginfo(‘template_url’); ?>/images/navlist-hover.png’, sizingMethod=’crop’);
    cursor: pointer;
    }
    #header h1 a{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php bloginfo(‘template_url’); ?>/images/logo.png’, sizingmethod=’none’);
    cursor: pointer;
    }
    .sdb-content h3{
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php bloginfo(‘template_url’); ?>/images/sdb-title.png’, sizingMethod=’crop’);
    }
    </style>
    <![endif]–>

    <?php wp_head(); ?>
    </head>
    <body>
    <div id=”container”>

    <div id=”web-20″><span class=”inv”>web 2.0</span></div>

    <div id=”nav-content”>
    <ul id=”navigation”>
    <li class=”page_item <?php if ( is_home() ) { ?>current_page_item<?php } ?>”>/” title=”Home”>Home
    <?php wp_list_pages(‘sort_column=menu_order&depth=1&title_li=’);?>

    <div id=”search”>
    <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
    </div>
    </div>

    <div id=”header”>
    <h1>/”><span class=”inv”><?php bloginfo(‘name’); ?></span></h1>
    <span id=”description”><?php bloginfo(‘description’); ?></span>
    </div>

    <div id=”sub-nav”>
    ” class=”rss”><span class=”inv”>RSS</span>
    </div>

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Logo is cut off…’ is closed to new replies.