ThemeShaper Forums » Thematic

[closed]

Thematic sidebar problem (above, below and between main asides)

(3 posts)
  • Started 3 years ago by Direct Sponsor
  • Latest reply from Direct Sponsor
  • This topic is resolved
  1. Can anybody conceptually explain to me how the following hooks are supposed to work in terms of CSS:

    thematic_abovemainaside()
    thematic_betweenmainaside()
    thematic_belowmainaside()

    I'm basically adding adding a graphic with rounded corners above and below the primary and secondary asides.

    For above and between the left margin needs to include the width of #container but not for below. Any ideas why?

    Other inconsistencies exist. Why do these three hooks behave differently and not as simply as one might expect?

    How do they even work in the first place?

    I'm just looking for an explanation of the logic but can paste code if necessary.

    Posted 3 years ago #
  2. After a few hours of playing with the CSS I've discovered the following:

    If placing a div inside thematic_belowmainaside() it needs to be cleared (clear:right).

    I'll post back later.

    Posted 3 years ago #
  3. Yep; the above was the root of the issue.

    The action:

    // Add graphic with rounded corners below main aside...
    function add_below_main_aside() {
    ?>
    <div class="aside main-aside below-main-aside"></div>
    <?php
    }
    add_action('thematic_belowmainasides','add_below_main_aside');

    The CSS:

    .below-main-aside{
    clear:right; width:250px; /*Fix: These are essential for prompting the div to behave like primary and secondary.
    This class need to be used with aside and main-aside to achieve the behaviour of the primary and secondary aside.*/
    height:70px;
    background-image:url(images/some-image.png);
    background-repeat:no-repeat;
    background-color:transparent;
    }

    Posted 3 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.