WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to edit post header and post footer bars (11 posts)

  1. jackboon
    Member
    Posted 4 years ago #

    I'm new to WordPress so I hope this isn't a dumb question, but how can I remove or edit the size of the post header and footer bars where the date, author, posted in and comment links are?

  2. Josh Leuze
    Member
    Posted 4 years ago #

    If you can, it would be best to make your changes with CSS in the style.css file, this would be simpler than editing the template files directly.

    From the CSS stylesheet you can customize the layout, changing the height or width of the header and footer, or the amount of padding and margins for those areas.

    If you need to actually edit the content of the header and footer, you will find this content in the header.php and footer.php files.

    There are some good resources in the documentation about editing themes.

    Editing your header
    is probably a good place to start.

    If you need a more detailed walk-through of how to work with themes, I'd suggest checking out the how-to section of the WordPress.tv site.

  3. jackboon
    Member
    Posted 4 years ago #

    Thanks jlueze! I appreciate the information. but I need to adjust the POST header and POST footer "where the date, author, posted in and comment links are". not the actual page template. I already have a header and footer for the pages that need no change.

    the small bars above and below the text in each post (www.jackboon.com). is there a way to edit these? Ive already searched the how-to section of the WordPress.tv site and am having touble pinpointing the how-to for this subject.

  4. esmi
    Forum Moderator
    Posted 4 years ago #

    I need to adjust the POST header and POST footer

    On what pages? Single post, home page, category pages, archive pages?

  5. PurpleCrow
    Member
    Posted 4 years ago #

    Theres a seperate section in the style sheet for the post header and footers. What exactly do you want to do to them?

  6. Josh Leuze
    Member
    Posted 4 years ago #

    To edit that meta data on the homepage, you probably need to look in a file called index.php, and to edit the individual post pages, you probably need to edit a file called single.php, but this can vary depending on the theme.

  7. jackboon
    Member
    Posted 4 years ago #

    I want to keep all the pages uniform, so every post on every page has the same adjusted post header and footer. Id like to make the bar smaller or remove the frame and make the text smaller. Just to keep the bar from being too overbearing from a design point of view.

    I used Artisteer to create the template.

    Ill check the css, index.php and single.php real quick and see if I can find it, thanks guys Ill let you know!

  8. jackboon
    Member
    Posted 4 years ago #

    I used the single.php file to find the meta data code in the css file and changed the colored background and outline to "transparent":

    /* begin PostMetadata */
    .art-PostMetadataHeader
    {
    padding:1px;
    background-color:transparent ;
    border-color:transparent ;
    border-style: solid;
    border-width: 1px;
    }
    /* end PostMetadata */

    I am still having trouble with the text and icons. the only way I found to change the post header text size is to change the content text size in the css. how can I get around that? I want just the post header text and icons to be 12px.

    Thanks for the help!

  9. Josh Leuze
    Member
    Posted 4 years ago #

    I am still having trouble with the text and icons. the only way I found to change the post header text size is to change the content text size in the css. how can I get around that? I want just the post header text and icons to be 12px.

    It just so happens that the font-size of your post meta data has not been specified, so it is using the default content font size.

    If you specify the font size of the post meta data, it will override that default size.

    Something like this:

    /* begin PostMetadata */
    .art-PostMetadataHeader
    {
    padding:1px;
    background-color:transparent ;
    border-color:transparent ;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    }
    /* end PostMetadata */
  10. jackboon
    Member
    Posted 4 years ago #

    Problem solved! Thanks jleuze!

    /* begin PostMetadata */
    .art-PostMetadataHeader
    {
    padding:1px;
    background-color:transparent ;
    border-color:transparent ;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    }
    /* end PostMetadata */

  11. Josh Leuze
    Member
    Posted 4 years ago #

    No problem Jack!

Topic Closed

This topic has been closed to new replies.

About this Topic