Adding logo to site title/header.php/masthead...CSS newb (5 posts)

  1. cyrjm
    Posted 5 years ago #

    Well, I'm in the process of learning CSS and until then I won't be able to sort this out. I'm using the F8 lite to build my girlfriends website (which is currently not live):


    I'm trying to insert her logo in the blog title...here is her logo:


    So, after I've done a bit of research here it seems like I need to edit the Header.php and look for the area called the masthead which I found:

    [Code moderated as per the Forum Rules. Please use the pastebin]

    I'm just not sure how to point to the logo I want to use in this code....anyone care to help me out? I'm sure it's simple...just need some guidance. Thanks!

    Jay C.

  2. cyrjm
    Posted 5 years ago #

    Anyone? This is killing me..I've found some info on these forums but not sure if I need to edit the CSS or the HTML for the masthead?

  3. LoganSix
    Posted 5 years ago #

    I found this thread to be very helpful.

    Basically, update the header template with a class for the logo and then add the class to the style sheet. The class will point to the logo image file.

  4. cyrjm
    Posted 5 years ago #

    This is what I'm working with...I followed your recommended link but still not to confident as to what lines to edit:

    <!-- Begin Masthead -->
    <div id="masthead" class="clearfix">
        <h4 class="left"><a href="<?php echo get_option('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span><span class="contact"><?php if ( $options['phone'] != '' ) { ?><?php echo $options['phone']; ?><br /><?php } if ( $options['email'] != '' ) { ?><a href="mailto:<?php echo $options['email']; ?>"><?php echo $options['email']; ?></a><?php } ?></span></h4>
  5. cyrjm
    Posted 5 years ago #

    I should also edit the links for my original post:


    Logo is now located here:


Topic Closed

This topic has been closed to new replies.

About this Topic