Replace title and subtitle on header with image

  • Resolved anniewood

    (@anniewood)


    15 years, 5 months 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

Viewing 6 replies - 1 through 6 (of 6 total)

  • A link to your site would help.

    Thread Starter anniewood

    (@anniewood)

    https://www.uruguayseo.com/blogger

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

    <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!

    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

    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;
}
    Thread Starter anniewood

    (@anniewood)

    Thanks to both of you.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Replace title and subtitle on header with image’ is closed to new replies.

Tags