WordPress.org

Ready to get started?Download WordPress

Forums

How to add custom header (StudioPress) (3 posts)

  1. ffgdirector
    Member
    Posted 5 years ago #

    I'm using the StudioPress theme and really like it. But I want to have my site's logo in the header. So instead of the text saying what my site is, I want to put an image there. How would I go about doing that? I looked through the images for the theme, but none of them corresponded to replacing that part of the theme (I'm assuming because it's just text). Any help you can give would be appreciated. Thanks.

  2. ffgdirector
    Member
    Posted 5 years ago #

    Does anyone know?

  3. undefinable1
    Member
    Posted 5 years ago #

    Hi! I had a hard time trying to figure this out as well! If you are using Studiopress 1.2 by DailyBlogTips, you can follow these instructions and hopefully get it working!

    1. To remove your blog url from the header, in the style.css find lines 18-21:

    h1, h2, h3, h4, h5, h6, p, blockquote {
      margin: 0;
      padding: 10px;
      }

    and replace it with:

    h1 {
      margin: 0;
      padding: 10px;
      display: none;
      }
    
    h2, h3, h4, h5, h6, p, blockquote {
      margin: 0;
      padding: 10px;
      }

    2. To remove your blog description from showing in the header and to replace it with your custom header logo, in your header.php file find line 34:
    <h2 class="sitedesc"><?php bloginfo('description'); ?></h2>
    and replace it with:

    <a href="<?php echo get_option('home'); ?>">
    <img src="<?php bloginfo('template_directory'); ?>/images/logo.gif" alt="YourSite.com"></img></a>

    ~Note~ This replacement will still cause your logo to be clickable and return the user to your homepage. If you wish for your header logo NOT to be clickable, simply replace it with:
    <img src="<?php bloginfo('template_directory'); ?>/images/logo.gif" alt="YourSite.com"></img>

    3. Make sure your the file you uploaded into your studiopress/images folder is named "logo.gif". If not, change "logo.gif" in the replacement code to the file name you uploaded.

    4. You can see how these changes look on my blog here: http://www.doubletakes.org

    Take note, however, I had centered my header logo and removed the RSS Feed link that was originally on the right side as well.

Topic Closed

This topic has been closed to new replies.

About this Topic