WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] logo to top of monochrome theme (6 posts)

  1. petrman
    Member
    Posted 4 years ago #

    Hi I want my logo placement like this blog.
    I copied his header area in the .css. So mine matches. However mine does not show up. I must be missing somehthing. I even made my logo the same size as his also. Is there somthing in the header.php I have to edit?
    Here is my link

    Here is my header .css
    /* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
    #header_top { height:205px; }
    #logo { display:inline; float:left; height:200px; width:225px margin:0 0 0 5px; background:url(img/logo.jpg) no-repeat left top; position:absolute; top:2px }

    /*blogtitle*/
    #logo a, #logo a:visited { color:#333;

    font-size:50px; filter:alpha(opacity=0); opacity: 0; width:100%; display:block }
    #logo a:hover { text-decoration:none; color:#33a8e5; }

    /*description*/
    #logo h1 { font-weight:normal; line-height:100%; margin:0; padding:0; color:#aaa; font-size:25px; opacity:0.0 }

    Thanks for any help on this.

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    You can't copy the CSS from another blog unless it's using exactly the same theme as you. It might also help if people could see your blog and this other blog that you're referring to.

  3. petrman
    Member
    Posted 4 years ago #

    exact theme as mine I though I posted links I am sorry,
    here is my site.
    http://www.pwcaddict.com/
    and here is how I would like to place mine,
    http://justinslive.com/

    Sorry about that.
    I hope you can help.

  4. creamore
    Member
    Posted 4 years ago #

    Upload your logo under the /img/folder as logo.gif

    Open up your header.php and edit as follows.

    Find the lines:

    <body>
    <div id="wrapper">
    <div id="header">
    
    <div id="header_top">

    And change it to:

    <body>
    <div id="wrapper">
    <div id="header">
    
    <div id="logo_image">
    <h1><a href="<?php echo get_option('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/img/logo.gif" title="<?php bloginfo('name'); ?>" alt="<?php
    bloginfo('name'); ?>" /></a></h1>
       </div>
    
    <div id="header_top">
  5. petrman
    Member
    Posted 4 years ago #

    Creamore Thanks it is where I want it to be. Thanks a ton.

  6. ricketts8
    Member
    Posted 4 years ago #

    I'm following instructions but when image shows up it is way high up. Nowhere close to the rest of my page. How do I bring it down?
    http://thetaleofthetape.com

Topic Closed

This topic has been closed to new replies.

About this Topic