ThemeShaper Forums » Thematic


Arggh - Newbie Frustrated about positioning

(7 posts)
  • Started 10 years ago by Ed_Podesta
  • Latest reply from helgatheviking
  • This topic is not resolved
  1. Hiya,

    done lots of lurking and reading (this must be one of the most helpful and well supported projects I've come across), and really enjoying the challenge of getting some css knowledge, and setting up my site at

    I've reached my limit though, and have two problems left.
    1 - I'd really like the menue to sit on top of the banner image...

    2 - I'd like the author and date information to be just that, Author Name, date in a box, on the right of each post, flush with the top of the post title and with out the "by" "published" or "|" gubbins.

    can't seem to work it out.

    Anyone with patience enough to help a novice would be really welcome.

    Posted 10 years ago #
  2. Right, had one more go - and the author date thing is _nearly_ there - all that's left is an annoying |, in respect of which there doesn't seem to be a .entry meta - is it bundled up with something else?

    As far as the header image goes - any ideas?


    Posted 10 years ago #
  3. OK, there's a bit of an echo in here, but here goes.

    I've been noodling around with margins and padding, and think I've got it as far as date goes (though now the text in my posts is not quite at the height of the image, but that's for another day I think.

    So, the only remaining thing is this header with the menu over the top. I've seen a few posts where people have tried - anyone got it working?



    Posted 10 years ago #
  4. Hi Ed,

    Try removing the empty #topnav div entirely or at least take away it's height and background declarations. Also remove the display: none from #branding.

    Then apply the background to #header like so:

    #header  {
         background:url("") no-repeat 50% 0;

    Now you can adjust the padding on # branding to your liking.


    Posted 10 years ago #
  5. It looks like you got the meta | pipes thing figured out.

    display: none;

    in case anybody needs it.

    Or you could filter the thematic_postheader() with your own postheader. Ian has a good post on that here:

    But, what I like to do is to rummage around the thematic files until I find the function that I am looking to change. Most of them are in the library/extensions folder of thematic. Copy the function in question into your functions.php, change the name and then filter it in in place of the original.

    child_postheader() {
    copied thematic_postheader() w/ your alterations... for instance you could strip out those <span class="meta-sep"> entirely.

    i don't see a topnav div? but i just answered another post on how i'd move the the #access div to come before the #branding div, so i will just send you there instead of rewriting.

    Or you can just move it w/ absolute position.

    position: absolute;
    width: 100%;

    Good luck.

    Posted 10 years ago #
  6. Thank you all for your help, much appreciated!

    @helga - I'm shying away from functions & filters (yet), but I think I see how that would work.

    @em hr - yes, the top nav thing shows you how dangerous a little knowledge can be!

    I think I'm just about sorted.

    Posted 10 years ago #
  7. ed- glad you are sorted out. if you ever want some functions/filters there are plenty of good code snippets here on themeshaper, at and at I love snippets, b/c someone else who knows what he/she is doing has already done the programming and I only have to cut and paste the ones I want. I call it Frankentheming.

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.