ThemeShaper Forums » Thematic

[closed]

Odd Header Problem on Index, versus Pages

(3 posts)
  • Started 9 years ago by sfrangos
  • Latest reply from sfrangos
  • This topic is not resolved
  1. Hi -

    Haven't posted in a while, but have used Thematic about 9 times on custom jobs -- great theme, and great work. Be sure to let us know if you have a donation link yet.

    CURRENT PROBLEM: Odd space appears beneath branding div, but above menu div -- only on index pages.

    CODE:

    #header {
    z-index: 2;
    padding: 0;
    margin: 0;
    }

    #branding {
    padding: 0px;
    height: 101px;
    background-image: url(images/header.gif);
    width: 960px;
    margin: 0;
    }

    #headerlogo {
    float: left;
    margin: 7px 0 0 7px;
    padding: 0;
    }

    #topmenu {
    font-size: 12px;
    float: right;
    text-align: right;
    padding-right: 12px;
    margin: 0;
    color: #fff;
    padding-top: 3px;
    }

    The last two items are defined within the functions file as:
    <!-- our contact blurb starts here -->
    <div style="margin: 0em; padding: 0em;">
    <div id="headerlogo">
    <img src="http://magpub.com/wp-content/themes/WF-TMAX-MagPub2.0/images/magpub-logo.gif" border="0">
    </div>
    <div id="topmenu">
    /index">Home | GSA | About Us | Client Information | PubMaster | Contact Us
    </div>

    </div>
    <!-- our contact blurb ends here -->
    <?php }

    } // end of our new function childtheme_contact_blurb

    // Now we add our new function to our Thematic Action Hook
    add_action('thematic_header','childtheme_contact_blurb', 3);

    ?>

    VISUAL FOR TROUBLESHOOTING: http://client2.cmswebsitesolutions.com/images/magpubhead.png

    Above visual shows outlines of divs, and an information box showing the hierarchy.

    Your help is appreciated -
    Scott

    Posted 9 years ago #
  2. Hey Scott-

    The issue here is related to how thematic conditionally handles the #blog-description when is_home() or is_frontpage() ( as of WP2.8.4 I don't think there is an is_blog() but I think I recall seeing on trac for 2.9) Anyway, take a look at thematic_blogdescription() in thematic/library/extentions/header-ext.php for more info. When those either of those conditions are true then the #blog-description is wrapped in an h1. The interaction of the h1 is giving you your extra space.

    You've got a lot going on in there so I'm not sure what is the best solution for you. There's probably a bunch of different ways to solve this.

    #blog-description, #blog-description h1 {float:none; display:inline-block;}
    or just..
    #branding{overflow:hidden}
    or just...
    #blog-description, #blog-description h1 {display:none;}

    Pick your poison...

    -Gene

    Posted 9 years ago #
  3. Hello Gene -

    Excellent explanation, and solution list. The one that worked best was:
    #branding{overflow:hidden}

    Saw you specialize in wordpress. Get ahold of me at:
    WebFadds, and let me know your range of services and availability.

    Thanks -
    Scott

    Posted 9 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.