How to change the header logo that came with template

  • 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" "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">
<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>
Viewing 6 replies - 1 through 6 (of 6 total)

  • 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.

    Thread Starter ChicBebe

    (@chicbebe)

    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

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

    Thread Starter ChicBebe

    (@chicbebe)

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

    I also like this one:
    https://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! ??

    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.

    Thread Starter ChicBebe

    (@chicbebe)

    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…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change the header logo that came with template’ is closed to new replies.