WordPress.org

Support

Support » Themes and Templates » [Resolved] How to get a logo infront of a header background picture

[Resolved] How to get a logo infront of a header background picture

Viewing 6 replies - 1 through 6 (of 6 total)
  • in your header CSS you have should have something like

    h1 {background-image: url(myimage.gif);}

    then whatever text you put between h1 brackets will appear over that background.

    then there are more advanced things to do like making sure the background repeats or doesn’t repeat, is size appropriately to match image, etc.

    or do you know all this already? lol

    I have no problem just putting plain text over the background. My problem starts when I want to add a graphical logo to the background.

    The background is suppose to repeat to infinity or whatever but the logo isn’t. However when I put the logo in, it also repeat.

    you need to add a header img class to your css with the style repeat: no-repeat

    Um, can you help on how to do that?

    Are you putting the logo in as a background image? Or are you putting it in the page?

    <div id="header">
    	<div id="headerimg">
    		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    		<div class="description"><?php bloginfo('description'); ?></div>
    	</div>
    </div>

    Put the image tag between the h1 tags in place of:
    <?php bloginfo('name'); ?>

    You may also want to delete the description div entirely.

    bestfoot gots it!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] How to get a logo infront of a header background picture’ is closed to new replies.
Skip to toolbar