Forum Replies Created

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter queen_elvis

    (@queen_elvis)

    Thank you for your help! It seems to be working. Now that I am done with the design work, as I said, I will make a child theme (and also back stuff up to my hard drive).

    Thread Starter queen_elvis

    (@queen_elvis)

    Thank you, that did indeed enable me to see the image. The reason I did that was to hide the blog’s banner image. I commented it out (in HTML in header.php) instead.

    Now I have an interesting problem where the image has a black border on top and bottom, though not on the sides. It shows up anywhere inside the branding div but not if I put the image in the masthead div, so I think it must have something to do with the PHP code. It’s definitely not a link and not to do with the margins of the site title.

    As you suggested, I also would like to reposition the title and image slightly relative to one another, but I think the black border makes that hard to judge right now.

    Thread Starter queen_elvis

    (@queen_elvis)

    OK, I did that. I expanded the relative URL to a full one, but it’s still not displaying. File is here:
    http://www.wordofthelaird.com/blog/wp-content/themes/twentyten/header.php

    Loading that page gave me a “call to undefined function” error, so it may not help you much. I’m out of my depth with PHP. I’d be happy to copy in the code if you like.

    Thread Starter queen_elvis

    (@queen_elvis)

    Thank you for your help. I have just spent a few minutes putting an image in between pretty much every element in the following chunk of code:

    <div id="branding" role="banner">
    				<?php $heading_tag = ( is_home() || is_front_page() ) ? 'h1' : 'div'; ?>
    				<<?php echo $heading_tag; ?>
    id="site-title">
    					<span>
    						<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
    					</span>
    				</<?php echo $heading_tag; ?>>
    				<div id="site-description"><img src="/blog/wp-content/uploads/2011/08/logoberry.jpg"><?php bloginfo( 'description' ); ?></div>

    <?php

    In all cases but one, the image didn’t show up at all. In one case, when the img tag was in between these elements:

    <<?php echo $heading_tag; ?>
    id="site-title">

    it broke the code that displays the site title.

    I know it’s a valid path to the image because I tested it in the masthead div first. To address concerns about the width of the site title, I also used a smaller pic than my working logo (a Facebook profile pic actually). Do you have any idea what could cause the image to just vanish? I am pretty sure that I didn’t screw up the code that came with the header.php on installation, because I checked it against the local files.

    Thread Starter queen_elvis

    (@queen_elvis)

    I tried option 2, since it seemed to be the path of least resistance. I have added an img tag to header.php right after <div id=masthead>, and I get the image above the text. Do you think this is because the img tag is in the wrong place, or maybe because the size of the image pushes the text to the next line? Putting it in places after that seems to make the image disappear or break the code.

    I also tried to make a new element and float it to the left of the site title, then move the site title over by however many pixels are necessary. I actually tried defining the new element:
    #your-mom {
    float: left;
    img: url(/blog/wp-content/uploads/2011/08/logoberry.jpg);
    }

    But it’s not displaying, so there must be more to it. Do I have to call your-mom (snicker) in header.php?

    Sure, like I said, I plan on making a child theme after I finish this. It’s a nonissue until I’m even able to upgrade WordPress, so I feel no urgency.

Viewing 5 replies - 1 through 5 (of 5 total)