Support » Themes and Templates » How to add custom header (StudioPress)

Viewing 2 replies - 1 through 2 (of 2 total)
  • Does anyone know?

    undefinable1

    (@undefinable1)

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add custom header (StudioPress)’ is closed to new replies.