WordPress.org

Ready to get started?Download WordPress

Forums

Another logo question... (10 posts)

  1. alangnw
    Member
    Posted 6 years ago #

    Have looked through some old posts and tried what's there to no avail..

    I want to replace the standard header with a log that clicks to home. Here's the relevant lines from the header file if anyone can help please.

    <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>/';">
    <h1 id="blog-title">/" title="<?php bloginfo('name') ?>"><?php bloginfo('name') ?></h1>
    <div id="blog-description"><?php bloginfo('description') ?></div>
    </div>

  2. transom
    Member
    Posted 6 years ago #

    In place (or in addition to) where the header.php file has <?php blogino('name') ?> - put an HTML IMG tag that points to your logo.

    You should be good to go unless things get pushed around weirdly in your theme.

  3. alangnw
    Member
    Posted 6 years ago #

    Tried, as follows, and it seems to have changed the slogan into h1 and no sign of the image? (I have checked the image address and know it is correct. Thanks for any further help you can offer...

    <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>/';">
    		<h1 id="blog-title"><a>/" title="<img src="http://www.canarycard.net/wp-content/themes/barthelme-101/images/testlogo.png><img src="http://www.canarycard.net/wp-content/themes/barthelme-101/images/testlogo.png></a></h1>
    		<div id="blog-description"><?php bloginfo('description') ?></div>
    	</div>
  4. transom
    Member
    Posted 6 years ago #

    Remove the <h1 id="blog-title">/" title="

    and one of the IMG and the trailing </h1>

    and you should be good to go

    you may want to replace http://www.canarycard.net/wp-content/themes/barthelme-101/ with
    <?php bloginfo('template_directory'); ?>
    this will save you work in the future if you rename the theme directory

  5. alangnw
    Member
    Posted 6 years ago #

    Still no luck I'm afraid. Would you have any other ideas? Thanks for the help!

    <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>/';">
    /" title="<img src="/wp-content/themes/barthelme-101/images/testlogo.png>
    <div id="blog-description"><?php bloginfo('description') ?></div>
    </div>

  6. transom
    Member
    Posted 6 years ago #

    Remove
    /" title="

    Add a close quote " after .png

  7. alangnw
    Member
    Posted 6 years ago #

    Great - I´ve got it showing. Thanks so much for your help!

    One last question on the logo.... Any idea how I might get it to align to the left hand edge of the browser window?

  8. Eatbeat
    Member
    Posted 6 years ago #

    Am still struggling with the header image, and hope someone could help.

    Here's my code:

    <div id="header" onclick="location.href='<?php echo get_settings('home'); ?>/';">
    <img src="/wp-content/themes/barthleme/images/m.jpg">
    <div id="blog-description"><?php bloginfo('description') ?></div>
    </div><!-- #header -->

    The image shows up properly (see http://www.litterless.org), but there's still a gray background. How can I get rid of this?

    Thanks, much!

  9. whooami
    Member
    Posted 6 years ago #

    its caused by the css additions that are inserted into the header by the theme you are using.

    Specifically the bit that starts like so:

    body div#header{background:#C2C2C2

  10. Eatbeat
    Member
    Posted 6 years ago #

    Ah, thanks. How stupid, I've been checking the style sheet up and down, and only just realized that this background is set within the Theme Options, which comes with the Barthleme theme. Cheers!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags