Support » Themes and Templates » Arras Theme – Header with picture

  • Resolved TiagoC

    (@tiagoc)



    Hello.

    I’m using Arras Theme and I’d like to put a image in the header instead of the blog title, how do I do that ?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Edit header.php

    Find:

    <div class="logo clearfix">
            	<?php if ( is_home() || is_front_page() ) : ?>
                <h1 class="blog-name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
                <h2 class="blog-description"><?php bloginfo('description'); ?></h2>
                <?php else: ?>
                <span class="blog-name"><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></span>
                <span class="blog-description"><?php bloginfo('description'); ?></span>
                <?php endif ?>
            </div>

    And remove everything between the <div class=”logo clearfix”></div> tags.

    Like so:

    <div class="logo clearfix">
    </div>

    Then add your image inside the div tag.

    <div class="logo clearfix">
    <img src="http://www.site.com/logo.gif">
    </div>

    Thanks for the response, that’s exactly what I’ve done but when I do that the place where the image should be appear as a broken link, does anyone knows what the problem is ?

    tks

    Provide a link to your site please.

    Problem solved, i had to use CSS background image to solve this, tks for everything

    TiagloC, I think I have an idea of what you are talking about with the CSS background, but I’m not sure, can you clarify for the education of me and others? Little by little I’m getting better at this thanks to people like you.

    Hi, any chance of a link & some info of how this was resolved, handy for others with the same problem.
    Ta,

    I resolved it by using an ABSOLUTE path to the image:

    \#header { background: #000; border-bottom: 5px solid #383332; padding: 0 0 65px 0;
    background-image: url(‘http://www.ceinewydd.com/muddiedoafs/images/muddiedoafsheader.gif’);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center top;
    }\

    Thanks Perry, but I think what we are looking for is more details, like for the original poster, what did you end up replacing to completely resolve your problem, or for you perry, what did you replace with this code. Those of us who are trying to maintain a professional image online and only have a limited knowledge of PHP need to know for sure what we are doing before we jump in, and seeing the total solution will help us learn. So could the original poster post what he meant when he said he had to use CSS background image to solve his problem, or could you show us what you replaced with your code? Thanks.

    I used the solution on the Arras support forums. see this post
    http://www.arrastheme.com/forums/topic.php?id=63#post-189

    1. Here’s what worked for me. Go open up /arras-theme/css/styles/default.css
    2. Find #header { background: #000033; border-bottom: 5px solid #383332; padding: 0 0 15px 0;}
    and add the following within the header’s {} brackets
    background-image:url(‘the url to your picture in http:// format’);
    background-repeat:no-repeat;
    background-position:center top;}
    3. If you want to get rid of the text in the header, Open up arras-theme/header.php
    4. Under <div id=”header”>, find
    <h1 class=”blog-name”>”><?php bloginfo(‘name’); ?></h1>
    <h2 class=”blog-description”><?php bloginfo(‘description’); ?></h2>
    <?php else: ?>
    <span class=”blog-name”>”><?php bloginfo(‘name’); ?></span>
    <span class=”blog-description”><?php bloginfo(‘description’); ?></span>
    <?php endif ?>
    and either delete it or add /* and */ to comment out the code
    5. If you want to get rid of the search box too, in the same header.php find
    <div id=”searchbar”>
    <?php include (TEMPLATEPATH . ‘/searchform.php’); ?>
    </div>
    and delete it or comment it out.
    6. Upload header.php and default.css to their respective folders to replace the old ones. Refresh your page to see the banner. Here’s an example blog http://www.bestwiigameprices.com

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Arras Theme – Header with picture’ is closed to new replies.