Add logo to equilibrium theme (3 posts)

  1. greenbean
    Posted 5 years ago #

    Hi there,

    I'm trying to add a logo to my equilibrium theme website http://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://brett@greenturkey.co.nz/public_html/wp-content/themes/Equilibrium/images/Logo160.jpg

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


    <!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 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" />
             <!--[if IE 7]>
            <link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/ie7.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'); ?>" />
    		<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    		<?php wp_head(); ?>
    	<div id="page-wrap">
        <div id="top">
    <h1 class="logo">
    <a href="<?php bloginfo('url'); ?>"><img src="http://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='); ?>
        <div class="clear"></div>


    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 :-)

  2. govpatel
    Posted 5 years ago #

  3. greenbean
    Posted 5 years ago #

    Great, so simple!!! Thank you very much. I've fiddled around with it now, making the logo a bit bigger etc.

    Do you by any chance know how to add the tag line to the header?


Topic Closed

This topic has been closed to new replies.

About this Topic