How to Change the Style of Any WordPress Post in a Flash

If you’ve ever wanted some posts to have a different style than the others, then it’s easy enough to do. All it takes is finding the ID for the post you want to change, and then simply apply whichever CSS you’d like to.

We’ll go through the steps below.

Find Your Post ID

The first thing you’ll need to know is the ID of the post you’d like to change. Simply do the following:

1. Go to your list of all posts. (Posts > All Post)
2. Hover over the title of the post you want to target. When you do this, at the bottom of your browser you should see a somewhat messy looking URL pop up.

In that URL, you can find your Post ID by looking for the number after the “post=” part.

For example, you can see my Post ID below is 6303

Other ways of finding the Post ID included installing a plugin such as Reveal IDS or viewing the source of your page and searching for “postid”.

Insert Your Style into Your Stylesheet

Now that you have your Post ID, you’re ready to roll.

You can now insert whatever style you like for the content area into your stylesheet.

Go to Appearance > Editor > Stylesheet – style.css. Then insert the following (changing the Post ID to your Post ID, of course):

#post-6303 {
/* YOUR STYLE HERE */
}

Here’s what I did for my post. I enlarged everything a little and then gave it a blue background.

#post-6303 {
line-height:125%;
font-size:150%;
background-color: #CCDBF1;
padding:20px;
}

Here’s a look at my post pre-styling.

And here’s a look at my post after styling.

Styling Multiple Posts

If you’d like to have multiple posts take the same style, then just list all the Post IDs at the beginning like so:

#post-6314,#post-6312,#post-6310, #post-6303 {
line-height:125%;
font-size:150%;
background-color: #CCDBF1;
padding:20px;
}

If you’re going to be styling a LOT of posts in similar ways, or you want to change the entire look of the page that some posts rest on, then check out the following post on using post templates.

Tags:

• CSS