Help Formatting CSS (6 posts)

  1. chaseblackwell44
    Posted 6 years ago #

    I need help formatting the CSS in order to get my date and time stamp below my title border to look like this: http://img708.imageshack.us/img708/3161/headerexample.jpg

    I've everywhere I know to look and I can't seem to find or create the code that brings the date up and over to the right. Thanks!


  2. esmi
    Forum Moderator
    Posted 6 years ago #

    Are you trying to bring your date/time up onto the same line as the Comment link? Try adding margin-top:-21px; to:

    .post-date {
    padding:0 0 0 2px;

    in style.css.

  3. chaseblackwell44
    Posted 6 years ago #

    Thanks, I'm almost there. I can't seem to make them even without messing it all up.

    Also,I'd like to remove the underline from the comment. I can't seem to find anywhere in the css where it's coded to underline.

  4. esmi
    Forum Moderator
    Posted 6 years ago #

    To be honest, the fix I suggested is a bit of a kludge. Ideally, the template needs editing to place both .post-date and .postmetadata2 into a single <div></div> with its own class. That would give you a lot more flexibility to float .postmetadata2 to the left then play with the wrapper div positioning to get it just right.

    However, on my copy of Firefox, setting that margin-top on .post-date to -23px gives a pretty good result.

    To get rid of the underline on the comment link, try adding:

    .postmetadata2 a {text-decoration:none;}

    to the bottom of style.css.

  5. chaseblackwell44
    Posted 6 years ago #

    Hmm, well, I actually worked it out somehow. I evened them up and added margin-top: 2px; to the narrowcolumn.postmetadata2 and it worked like a charm.

    I did notice, however, that when my article expands into wide column view, my comment and date tags no longer appear. Any idea why?

  6. esmi
    Forum Moderator
    Posted 6 years ago #

    You'd need to check your theme's single.php file. Could be that the date/time display simply isn't coded into that theme. You'd need to look for <?php the_date();?> or <?php the_time();?>. As for the comment link, most themes don't display anything until you have a least 1 comment. There's no need when the comment form is at the bottom of the post. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.