WordPress.org

Support

Support » How-To and Troubleshooting » adding logo to header

adding logo to header

Viewing 5 replies - 1 through 5 (of 5 total)
  • hi magnusnordstrand,

    <div id=”header”> look for #header in the stylesheet.css of your theme.. you will find the default image of the theme header background image. Also add the new header image in image folder of your theme…rest follow the above link.

    Alright, here is what I use to change my H1 to an image on my site Blondish.net, some of my clients, and even WPAddict.net

    <?php if  ( file_exists( TEMPLATEPATH . '/images/YOURIMAGEFILEHERE' ) ) { ?>
      <a href="<?php echo get_settings('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/images/YOURIMAGEFILEHERE" alt="<?php bloginfo('name'); ?>" /></a>
      <?php } else { ?>
      <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    <? } ?>

    Replace YOURIMAGEFILEHERE with the name of the file. I usually upload the image to the images folder of the theme, hence if you noted the URL path, it will go to there.

    Thanks guys!!

    Much obliged =)

    I am having a similar problem on

    http://www.musicianstelevision.com/wordpress

    I tried a few different variations to get the logo to show up, with no luck. Anyone with any suggestions?

    current code for header in css.style is as follows:

    /* Header */
    
    #header {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 900px;
    	height: 159px;
    }
    
    #headerimg {
            padding: 17px 0 0 14px;
            height:140px;
            background-image: url('images/mtn_mulitco_logo.png') 500px 0px no-repeat;
    }
    
    #header h1 {
    	width: 590px;
    	height: 100px;
    	position: absolute;
    	bottom: 0;
    	left: 0;
    }
    
    #header h1 a {
    	width: 590px;
    	height: 100px;
    	display: block;
    	text-decoration: none;
    }
    #header h1 a .blogName {
    	/*display: none;*/
    	font-size: 24px;
    	color: #FFFFFF;
    	font-weight: light;
    	display: block;
    }
    
    #header a .blogDescription {
    	font-size: 36px;
    	color: #cccfd1;
    	font-weight: normal;
    	display: block;
    }
    
    /* Header auxiliary box */
    
    #auxBox {
    	width: 310px;
    	height: 118px;
    	position: absolute;
    	bottom: 0;
    	right: 0;
    }
    
    #siteFeeds {
    	margin-left: 15px;
    	margin-top: 15px;
    }
    
    #siteFeeds li {
    	list-style: none;
    	background-image: url('images/rss-icon.png');
    	background-repeat: no-repeat;
    	background-position: left top;
    	padding-left: 20px;
    	margin-bottom: 0.5em;
    }
    
    #siteFeeds li a {
    	color: #FFFFFF;
    }
    
    #searchForm {
    	width: 266px;
    	height: 31px;
    	background-image: url('images/search-background.png');
    	background-repeat: no-repeat;
    	background-position: left top;
    	position: relative;
    	margin-left: 15px;
    	margin-top: 15px;
    }
    
    #searchForm #s {
    	width: 198px;
    	height: 22px;
    	position: absolute;
    	left: 7px;
    	top: 2px;
    	border: none;
    	background-color: transparent;
    	line-height: 27px;
    	color: #FFFFFF;
    	padding-top: 5px;
    }
    
    #searchForm #searchsubmit {
    	position: absolute;
    	right: 0;
    	top: 0;
    }
    
    /* Enable/Disable animation button */
    
    #enableDisableAnimation {
    	top: 6px;
    	right: 8px;
    	position: absolute;
    }
    
    #enableDisableAnimation img {
    	border: none;
    	display: none;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘adding logo to header’ is closed to new replies.
Skip to toolbar