ThemeShaper Forums » Thematic


Odd Header Problem on Index, versus Pages

(3 posts)
  • Started 12 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.


    #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="" border="0">
    <div id="topmenu">
    /index">Home | GSA | About Us | Client Information | PubMaster | Contact Us

    <!-- 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);



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

    Your help is appreciated -

    Posted 12 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..
    or just...
    #blog-description, #blog-description h1 {display:none;}

    Pick your poison...


    Posted 12 years ago #
  3. Hello Gene -

    Excellent explanation, and solution list. The one that worked best was:

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

    Thanks -

    Posted 12 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.