Set Individual Styles for Specific Posts

Posted on October 26, 2009 and last modified on October 28th, 2009.

This little hack is very easy to use and yet, it is not a common feature on many sites.

All you need to do is find the ID of the post, which is oh so easy if you have installed the ‘Reveal ID’s for WP-Admin’ plugin that is bundled with your theme and then make a few CSS adjustments in your style.css file. Here is the CSS used to change this particular post.

/*----------------------------------------------------------------------------*/
/* --- INDIVIDUAL POST STYLING - [USE #POST-ID] --- */
#post-123 {
    background: #161616 url(img/indpost123.png);
    color:#F7FFB7;
    font-weight:bold;
}

I have only changed the background and font, but you can change as much as you wish.

Difficulty Level: Easy

Peel-Back Corner

Post Word Count and Total Posts

Page/Post Option – Left, Right or No Sidebar

Customised Front Page

Author’s Details in Every Post

About the author

James has added 29 posts to this site so far...

Founder and co-admin at FreshlyPressed, James also runs and maintains many, many other sites including JamesICT which is very much focussed on WordPress and all of its little idiosyncrasies. He now lives in Brighton, England with his fiancée and writes novels in his spare time. His latest work, 'Procrastination Expectancies' is due out later this year - or maybe the year after that! [more...]