WordPress.org

Ready to get started?Download WordPress

Forums

How to change the header logo that came with template (7 posts)

  1. ChicBebe
    Member
    Posted 2 years ago #

    I need someone to help me to find what I need to change in order to input my logo. I have looked here and I'm still unable to identify the place where to change it. This is the copy of the Header.php

    <!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">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); if(get_bloginfo('name') != "") echo ' - ' ; bloginfo('name'); }
    elseif (is_single() ) { single_post_title(); }
    elseif (is_page() ) { bloginfo('name'); if(get_bloginfo('name') != "") echo ': '; single_post_title(); }
     else { wp_title('',true); } ?></title>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
    <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    </head>
    <body>
    <div id="art-main">
    <div class="art-sheet">
        <div class="art-sheet-body">
    <div class="art-header">
        <div class="art-header-jpeg"></div>
    
    </div>
    <div class="art-nav">
    	<div class="art-nav-center">
    	<ul class="art-menu">
    		<?php art_menu_items(); ?>
    
    	</div>
    </div>
  2. Good Guy
    Member
    Posted 2 years ago #

    Forget about the code you have posted because WP doesn't work like that.

    You need to go to your dashboard >> Appearance >> Header

    Now there is a button to upload your header image here.

    Good luck and post back.

    Don't touch the code if you are very new to WP.

  3. ChicBebe
    Member
    Posted 2 years ago #

    That's the problem! There's no Header bottom. I guess the template didn't come with that option? This is the list I see under Apperance:
    1. Themes
    2. Widgets
    3. Menu
    4. Footer
    5. Editor

  4. Good Guy
    Member
    Posted 2 years ago #

    What is your theme called? Please let us know about it and if possible a link to where you got it from.

  5. ChicBebe
    Member
    Posted 2 years ago #

    This is the link:
    http://thecutestblogontheblock.com/free/wordpress-themes/127-love-you-forever-wordpress.html

    I also like this one:
    http://thecutestblogontheblock.com/free/wordpress-themes/151-bright-spot-free-wordpress-theme.html

    But same story. I can't find where to change the header....I guess maybe banner?

    Thank you so much for your help! :)

  6. Good Guy
    Member
    Posted 2 years ago #

    OK I have checked the theme and you are right, they have removed it. However, you need to write a css for it like this:

    div.art-header-jpeg
    {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 978px;
      height: 300px;
      <strong>background-image: url('images/header.jpg');</strong>
      background-repeat: no-repeat;
      background-position: center center;
    }

    The highlighted value is the one you need to change. The file is called: style.css but if you are working with child theme then you only need to change this code:

    div.art-header-jpeg
    {
      background-image: url('images/header.jpg');
    }

    Create a folder called images in your child folder and name your file header.jpg. that is it to it.

    Good luck.

  7. ChicBebe
    Member
    Posted 2 years ago #

    The folder "images" was already there. So, I just saved my logo as header.jpg and reloaded the template. Now no header is showing up. :( I was so excited for a second...

Topic Closed

This topic has been closed to new replies.

About this Topic