ThemeShaper Forums » Thematic

[closed]

inserting logo/jpeg into header/branding

(5 posts)
  • Started 9 years ago by design
  • Latest reply from grausc01
  • This topic is not resolved
  1. design
    Member

    Hello,

    I'm new to WP and Thematic, so forgive if this question is basic/lame.

    I'm trying to insert a logo into the header of a Thematic Feature Site theme. Where do I do this? I've been hacking at functions.php and frontpage.php, I see how #branding works in CSS, but can't get my jpeg to show up.

    Thanks for the help!

    Posted 9 years ago #
  2. it depends where you want it to show up. but I did it through my style.css sheet.
    The background property is the one. top_ad maybe a function of the child theme I started with you might also try #blog-title.

    see it in use www.cookingsalmon.net

    #top_ad{

    background:url('http://www.we-relax.com/web-elements/logo-salmon-90.png')no-repeat center;
    width:528px;
    height:90px;
    position:absolute;
    top:46px;
    left:50%;
    margin-left:url('none');
    background-attachment:scroll
    }

    This is a element in basic thematic template

    #blog-title{
    /*background:url(images/logo.gif) 0px 63px no-repeat;*/
    /*width:205px;*/
    height:83px;
    text-indent:0px;
    padding:0px;
    padding-top:60px;
    border:none;
    }

    Replace images/logo.gif with yours

    Posted 9 years ago #
  3. design
    Member

    Hi jrobben,

    This worked! The only thing I'm having trouble with is a white cover on the logo. Is it some kind of container? I'm able to tweak the code to make the logo show completely, but then it bumps up too high on the page. Here is where it is:
    padding-top:90px;
    If I adjust to 40px, this is where the logo is covered half way by a white box...

    Also, how do I insert a link into the code to take the reader back to the index when they click on the logo?

    Posted 9 years ago #
  4. it sounds like it is behind another div - you either need to change z index or put the logo inside the box that is overlaping your logo. maybe just find the area that is blocking your logo and set to display:none

    Posted 9 years ago #
  5. I found something on the forum about completely redoing the header using your own function.php. This is what I did:

    // Take Away Default Thematic Header
    function new_header() {

    // I only removed the blogtitle because that is where I wanted my image to go

    remove_action('thematic_header','thematic_blogtitle',3);
    }
    add_action('init', 'new_header');

    // Insert Custom Header
    function custom_header() { ?>

    <img src="images/yourlogo.png" alt="<?php bloginfo('name'); ?>" />

    <?php }

    add_action('thematic_header','custom_header' ,3);

    ?>

    That is what I did and it worked too.

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.