WordPress.org

Ready to get started?Download WordPress

Forums

WP Default Theme, one element i want to use (8 posts)

  1. teentec
    Member
    Posted 8 years ago #

    Hi everyone,
    I'm sure lots of people know about the default wordpress theme.
    I saw that it had one element that I don't have in my new theme installation.
    It is some kind of block with two borders at the top and bottom, it can be seen at the Comments where "this post was posted on blah blah in catagory blah". I'm sure you don't get what I mean.
    In other words, see this image.
    http://www.teentec.net/imgs/wp.png
    If anybody can tell me anything I have to do (i've got full access to the WP files) like add something to the CSS or something, that would be great. I don't care about customizing the colors in that.

    Thanks everyone!

    Shuai K

  2. GadgetGuru
    Member
    Posted 8 years ago #

    Try adding the following code in either your index.php or single.php:
    <small>
    This entry was posted on
    <?php the_time('l, F jS, Y') ?> at
    <?php the_time()
    ?> and is filed under
    <?php the_category(', ')
    ?>. You can follow any responses to this entry through the <?php comments_rss_link('RSS 2.0');
    ?>
    feed.
    </small>

    Good luck!

    The Gadget Guru

  3. teentec
    Member
    Posted 8 years ago #

    Gadget Guru, I meant the thing around it, not the text iself. Thanks!

  4. teentec
    Member
    Posted 8 years ago #

    Sorry, i mean the grey thing.

  5. moshu
    Member
    Posted 8 years ago #

    What I'd do:
    - look at the source code of the page from where you made that picture
    - check out what div/span is around that portion of the text
    - find in the (original) CSS file the styling for that div
    - apply it to your own stylesheet

  6. teentec
    Member
    Posted 8 years ago #

    It's called <p class="postmetadata alt"> when I see the source code, it is enclosed in <p class="postmetadata alt"> and </p> tags.

  7. teentec
    Member
    Posted 8 years ago #

    I see:
    .narrowcolumn .postmetadata {
    text-align: center;
    }

    .commentmetadata {
    font-weight: normal;
    }

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #777;
    }

    .narrowcolumn .postmetadata {
    padding-top: 5px;
    }
    .widecolumn .postmetadata {
    margin: 30px 0;
    }
    .postmetadata ul, .postmetadata li {
    display: inline;
    list-style-type: none;
    list-style-image: none;
    }
    .commentmetadata {
    margin: 0;
    display: block;
    }`

    Gah! confusing!

  8. vkaryl
    Member
    Posted 8 years ago #

    You should look in the source code for the page in which it displays, to see what class or id the postmetadata div is using, it's usually easier to figure out that way.

Topic Closed

This topic has been closed to new replies.

About this Topic