Add logo to equilibrium theme

  • greenbean

    (@greenbean)


    14 years ago

    Hi there,

    I’m trying to add a logo to my equilibrium theme website https://www.greenturkey.co.nz
    I resized the logo to 160 x 143 px, then copied it into the images folder of the theme.
    Then I tried to change the code in header.php and style.ccs but the logo is coming up as a blank square in Internet explorer,and nothing has changed in Mozilla except the height of the header looks a bit bigger. I’m not sure if i’ve got the image URL correct, when I go into the photo in ftp site and click properties, it says the file path is:ftp://[email protected]/public_html/wp-content/themes/Equilibrium/images/Logo160.jpg

    Help!! It would also be great to make it clickable if possible!

    Header.php:

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

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

		<title><?php wp_title('|', true, 'right'); ?> <?php bloginfo('name'); echo(' | '); bloginfo('description'); ?></title>

	    <meta http-equiv="content-type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" /><meta name="google-site-verification" content="vYPq1g-tP_1naG_L4G8p5iOY83ynNnvqbytPknkA-fc" /><meta name="google-site-verification" content="vYPq1g-tP_1naG_L4G8p5iOY83ynNnvqbytPknkA-fc" /><meta name="google-site-verification" content="vYPq1g-tP_1naG_L4G8p5iOY83ynNnvqbytPknkA-fc" />
		<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 href="<?php bloginfo('url'); ?>"><img src="https://greenturkey.co.nz/index/wp-content/themes/Equilibrium/images/Logo160.jpg" width="160" height="143" alt="<?php bloginfo('name'); ?>" /></a>
</h1>		<ul id="nav">
		<?php wp_list_pages('title_li='); ?>
		</ul>
        </div>
    <div class="clear"></div>

    Style.css:

    TOP
-----------------------------------------
*/
#top{height:143px;
	margin-top:55px;
	padding-bottom:0;
}

h1.logo a{float:left; font-size:2.6em; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none}

#nav{float:right; margin-top:1.2em}

#nav ul{list-style-type:none; width:100%}

#nav li{display:block; display:inline}

#nav a:link,
#nav a:visited{padding:5px; display:block; color:#353434; margin-right:10px; float:left; text-decoration:none; font-size:1.4em; font-weight:bold; text-transform:uppercase}

#nav a:hover{color:#fff; background:#000}

ul#nav li.current_page_item a:link,
ul#nav li.current_page_item a:visited,
ul#nav li.current_page_item a:hover,
ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000}

/*

    thanks in advance ??

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add logo to equilibrium theme’ is closed to new replies.