image header with tanzaku theme

  • robertduroc

    (@robertduroc)


    15 years ago

    hi all,
    I am currently using this great theme : ‘tanzaku’ and trying to play around with it as the good newbie I am. But it seems that changing the text header to an image is a bit hard to figure out yet for me since in the css template the header uses some different settings than in any example I could have found about the topic. Does any of you have already try it with this theme? Thanks
    RD

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site might help.

    silverman567

    (@silverman567)

    Go to header.php, and find <div id=”header”>

    Between that and the last </div>, place your image (and replace what is currently there)

    Simples!

    I’m having the same issue.

    I have tried what silverman suggested and it did not work. I have tried placing <h1> … </h1> between the div id tags and then putting the url there, and again no dice.

    I think it may have something to do with the fact that the <div id=”header”> tag is enclosed by a <div id=”container”> tag. The last few lines of my header.php file:

    <div id="container">
	<div id="header">
		<a href="https://elvesubio.org/wp-content/uploads/2010/06/logo-boulder.png"></a>
</div>

    I’ve made sure the size is appropriate (700 x 160) and tried placing this in the CSS as well to no avail. I’m worried that tanzaku might be disabling header images somewhere, especially since there is all kinds of jquery fade-ins etc.

    See for yourself: https://www.elvesubio.org

    i’ve been able to get the image header to show in a site i’m testing out. you’re using the wrong html code for images. instead of “a href” it should be “img src”

    <img src=”https://elvesubio.org/wp-content/uploads/2010/06/logo-boulder.png”&gt;

    I followed sarabueno’s info and managed to insert it successfully.

    my header code now looks like this (with the added code to make the header image
    link back to the home page…

    </head>

<body <?php body_class();?>>

<noscript><p class="caution aligncenter">Enable Javascript to browse this site, please.</p></noscript>

<div id="container">
	<div id="header"><a href="https://blog.trianglecirclesquare.co.uk/">
<img src="https://blog.trianglecirclesquare.co.uk/wp-content/uploads/2010/07/TCS_WEB_LOGO_WHITE.png"></a>
		<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
		<p><?php bloginfo('description'); ?></p>
	</div>

    thanks sarabueno ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘image header with tanzaku theme’ is closed to new replies.