WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Inserting a logo before the title - allmost there (5 posts)

  1. RipRapRob
    Member
    Posted 6 years ago #

    I'm trying to insert a logo before the title of my Blog on http://www.rob.dk/blog/

    As your can see, I'm not quite there yet :o)

    In my CSS I've added this:

    #header {
    	height: 100px;
    	background: url('images/rob_logo.gif') no-repeat bottom center;
    	}
    
    #headerimg 	{
    	margin: 7px 9px 0;
    	height: 110px;
    	width: 310px;
            background-position: left;
    	}

    And in my Header file I have this:

    <body>
    <div id="page">
      <div id="wrapper">
        <div id="header">
        <div id="headerimg"></div>
          <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
          <div class="description"><?php bloginfo('description'); ?></div>
          <?php include (TEMPLATEPATH . '/searchform.php'); ?>
        </div><!-- /header -->

    The result I'm looking for is this:

    Logo in top left (where the title starts now) 'pushing' the title and the slogan to the right.

    If this was HTML I would have solved it by now, but when positioning using CSS I'm a noob :o(

    Any help greatly appreciated!

    Thanks!

  2. shadow
    Member
    Posted 6 years ago #

    Do you mean you want the current image in your header to sit to the left and the words[title/description] to the right of the image?

  3. shadow
    Member
    Posted 6 years ago #

    I will just assume that is what you are trying to do...

    So, change the code you now have to the following:

    #header {
    	height: 100px;
    	background: url('images/rob_logo.gif') no-repeat top left;
    	}

    and in your description and h1 elements change the current left:25px to something like 305px instead

  4. RipRapRob
    Member
    Posted 6 years ago #

    Precisely!

    Thanks a lot!

    /Rob

  5. RipRapRob
    Member
    Posted 6 years ago #

    Any way I can make the logo clickable (linking to "home", just like the text)?

    /Rob

Topic Closed

This topic has been closed to new replies.

About this Topic