Forums

WordPress › Support » Themes and Templates

[resolved] Equilibrium theme Prob1: love it, but want to add header graphic (4 posts)

  1. ModernMediaJapan
    Member
    Posted 3 years ago #

    Hi Folks:

    I'm building the site here: http://www.eigobama.com. I can't figure out how to add a graphic instead of just the header text.

    I looked through the Codex and tried both header.php and css.style changes, but nothing worked. I also tried following Lisa Sabin's great WordPress book, but I'm clearly unclear.

    I'm sure there's a simple way to do it. the graphic would be positioned in the same place as the header text, no repeat, and it's 340pxW; 83pxH.

    I'm doing this as an educational site without a budget, so can't afford to hire the very nice designer - plus, I want to learn enough to be able to do simple things and troubleshoot on my own, if possible.

    Thank you very much in advance,

    Terri

  2. esmi
    Theme Diva & Forum Moderator
    Posted 3 years ago #

    The simplest method would be to edit header.php and drop your image markup in place of the blog name. Look for:

    <h1 class="logo">
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
</h1>

    and replace it with:

    <h1 class="logo">
<a href="<?php bloginfo('url'); ?>"><img src="path _to_your/header.jpg" width="340" height="83" alt="<?php bloginfo('name'); ?>" /></a>
</h1>

    Then edit style.css. Look for:

    #top {
	margin-top:55px;
	padding-bottom:70px;
}

    and replace it with:

    #top {
	height:83px;
	margin-top:55px;
	padding-bottom:0;
}

    There is a slightly cleaner method to achieving this using CSS background-image but it's a lot more complex.

  3. ModernMediaJapan
    Member
    Posted 3 years ago #

    Esmi, you absolutely rock, thank you so much! my friend will help me refine the logo, but thanks to you I know how to get it where it needs to be...

    many thanks again!

  4. micadz
    Member
    Posted 3 years ago #

    Note to Esmi

    I am also using the Equilibrium template. I did as you instructed above ... but it does not seem to work. This is my blog ... http://commonpeople.sg/

    Below is the header.php and I also changed the style css as per your instructions:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

	<head profile="http://gmpg.org/xfn/11">

		<title>
			<?php if (is_home()) { echo bloginfo('name');
			} elseif (is_404()) {
			echo '404 Not Found';
			} elseif (is_category()) {
			echo 'Category:'; wp_title('');
			} elseif (is_search()) {
			echo 'Search Results';
			} elseif ( is_day() || is_month() || is_year() ) {
			echo 'Archives:'; wp_title('');
			} else {
			echo wp_title('');
			}
			?>
		</title>

	    <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
		<meta name="description" content="<?php bloginfo('description') ?>" />
		<?php if(is_search()) { ?>
		<meta name="robots" content="noindex, nofollow" />
	    <?php }?>

		<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" />
        <!--[if IE 6]>
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie6.css" media="screen" />
        <![endif]-->
         <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie7.css" media="screen" />
        <![endif]-->
		<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'); ?>" />
		<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
		<?php wp_head(); ?>

	</head>

	<body>
	<div id="page-wrap">
    <div id="top">
		<h1 class="logo">
<a>"><img src="http://commonpeople.sg/wp-content/uploads/2009/04/cplogo.jpg" width="340" height="83" alt="<?php bloginfo('name'); ?>" /></a>
</h1>
		<ul id="nav">
		<?php wp_list_pages('title_li='); ?>

        </div>
    <div class="clear"></div>

    Thank you.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags