How to edit post header and post footer bars

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.

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.

I need to adjust the POST header and POST footer

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

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

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.

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!

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!

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 */

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 */

No problem Jack!