• http://www.colortude.com/blog/

    My background image was showing up until I added a ‘home’ link (above the banner)

    I want the home page to link to my colortude.com and I want the ‘blog’ link to go to the main page of my blog.

    background:url(./images/main_bg.png)

    I’m using a template and can fumble my way through html and css. However, I do not know how to figure out php. (wp editor not as easy for non coders.)

    Please, any help will be greatly appreciated.
    Thanks, Laurel

Viewing 8 replies - 1 through 8 (of 8 total)
  • Ahem… it might help if you actually placed link markup around the masthead image, 🙂

    Thread Starter Laurel54

    (@laurel54)

    Thanks for the Ahem… the comment. I know you are teasing me but I really don’t know what I’m doing.

    Could you please tell me the code that needs to be around the masthead image. I hope I will say “duh”, and understand but right now I don’t.

    thanks

    Sorry – I thought you’d be OK with link markup. Plus I misunderstood and thought you wanted a link on your header image.

    Did you add/hardcode the Blog link into the top navbar? Only there’s an unwanted <br /> tag inside the <li></li> which, I think, is causing your background problem.

    On the Blog page:

    <li class="current_page_item">
    <a href="http://www.colortude.com/blog/">Blog</a>
    <br />
    </li>

    On the Free Gifts page:

    <li>
    <a href="http://www.colortude.com/blog/">Blog</a>
    <br />
    </li>
    Thread Starter Laurel54

    (@laurel54)

    Thanks for the reply – Sorry to keep asking stupid questions. Going crazy over here. Because I don’t know how to code, I’m using a template and the template editor. Yes, I tried to hardcode the Home link. I want home to go to colortude.com and I would like Blog to go to the home page of the blog. … Brain Hurts!

    This is the code in the ‘header.php:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml&#8221; <?php language_attributes(); ?>>

    <head profile=”http://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />

    <title> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <link rel=”shortcut icon” href=”/images/favicon.ico” type=”image/image/x-icon”>
    <link rel=”icon” href=”/images/favicon.gif” type=”image/gif”>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <!–[if lte IE 6]>
    <link href=”<?php bloginfo(‘stylesheet_directory’); ?>/ie6.css” type=”text/css” rel=”stylesheet” />
    <![endif]–>
    <link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />

    <style type=”text/css” media=”screen”>

    </style>

    <?php wp_head(); ?>
    </head>
    <body>

    <div id=”wrapper”>

    <div id=”masthead”>

      <li <?php if(is_front_page()) { ?>class=”current_page_item”<?php } ?>>/”>Blog

    • Home
    • <?php wp_list_pages(‘sort_column=menu_order&title_li=’ ); ?>

    <div id=”masthead_image”>

    <img src=”<?php bloginfo(‘stylesheet_directory’); ?>/images/masthead01.png” alt=”colortude” />

    </div>

    </div>

    <div id=”content” class=”clearfix”>

    The critical part didn’t make it through. Try posting code/markup between backticks (`) or highlight and use the [code] button.

    I think the relevant snippet should look something like:

    <div id="masthead">
    <ul>
    <li <?php if(is_front_page()) { ?>class="current_page_item"<?php } ?><a href="<?php bloginfo('url');?>">Blog Home</a></li>
    <?php wp_list_pages('sort_column=menu_order&title_li=' ); ?>
    Thread Starter Laurel54

    (@laurel54)

    <div id=”masthead”>

    <li <?php if(is_front_page()) { ?>class=”current_page_item”<?php } ?`>>/”>Blog
    Home`
    <?php wp_list_pages(‘sort_column=menu_order&title_li=’ ); ?>

    <div id=”masthead_image”>

    The Blog Home seems to be out of place compared to your code. The links are working I just lost the rollover bkgrd image. Weird.

    See my post above for the correct code.

    Thread Starter Laurel54

    (@laurel54)

    Thanks for helping me. I just want a damn blog : )

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

The topic ‘lost background rollover image in header’ is closed to new replies.