Forums

WordPress › Support » How-To and Troubleshooting

[resolved] Replace title and subtitle on header with image (7 posts)

  1. anniewood
    Member
    Posted 2 years ago #

    I want to replace my title and subtitle on the header of my blog with an gif image. Ive been reading a lot but I couldnt figure out how to do it yet. The code on my header.php file is this one

    <head>
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/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'); ?>" />

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <? include(TEMPLATEPATH."/custom.php"); ?>

    <?php wp_head(); ?>
    </head>

    if you can lend me a hand here itll be much appreciated

  2. esmi
    Theme Diva & Forum Moderator
    Posted 2 years ago #

    A link to your site would help.

  3. anniewood
    Member
    Posted 2 years ago #

    http://www.uruguayseo.com/blogger

    "aca va el logo" should be gone, instead an image centered should be there. Thanks in advance

  4. ioni
    Member
    Posted 2 years ago #

    <head> is no place to do that - it is meta part of the document, that user normally does no even see (well, only title on the browser's window).

    So in order to do that you need to recode HTML part of your theme.

    A link would be perfect!

  5. ioni
    Member
    Posted 2 years ago #

    Ah so easy!
    The file of your theme (suppose that is index.php) would contain the code <div class="span-24 header">. You need to change the contents of this DIV to reflect your needs.

    You can even leave the H1 tag - and place the image into it like:
    <h1><img src="your_image.jpg" alt="<?php blog_info('title')?>" rel="bookmark index" /></h1>

    This would help, I suppose

  6. alchymyth
    The Sweeper
    Posted 2 years ago #

    assume your image is called bg-header.gif - change the style.css of your theme:

    div.header {
margin-bottom: 20px;
background: url(img/bg-header.gif) no-repeat center;
}
    .header .name, .header .name a {
display:none;
}
    .header .slogan (line 311)
{
display:none;
}

  7. anniewood
    Member
    Posted 2 years ago #

    Thanks to both of you.

    alchymyth: Perect! I did what you said (and added some heigh) and I got my gif there.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags