Title: Give different posts different styles
Last modified: August 21, 2016

---

# Give different posts different styles

 *  [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * (@wilcozuidema)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/)
 * **Hi there,**
 * I am currently working on a new WordPress template for my blog. And I hope that
   what I want can be done easy.
 * At my blog I have the Posts(entrys) floating next to each other ( square boxes)
   Now I want to give 2 different types of posts different styles.
 * **Example**
    - Post 1 : Normal blog post –> Class = normal-blog-post
    - Post 2 : Photo Album post –> Class = photo-album-post
 * And then I want them to just all show up on the blog page next to each other 
   sorted on date.
 * Hope its clear what I wanna do 🙂

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Dave Naylor](https://wordpress.org/support/users/wpranger/)
 * (@wpranger)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162583)
 * Take a read about Post Formats:
 * [http://codex.wordpress.org/Post_Formats](http://codex.wordpress.org/Post_Formats)
 *  Thread Starter [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * (@wilcozuidema)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162601)
 * Hi there, I am reading about this now, but still cannot find out how this can
   help me with giving different posts different styles.
 * I have put this in my functions.php and now I can set a post type when I make
   a post. But when I select for example GALLERY nothing changes when I read the
   outputted html in the page source.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162605)
 * > […]and post_class() will also create the “format-asides” class, for pure-css
   > styling.
 * [http://codex.wordpress.org/Post_Formats](http://codex.wordpress.org/Post_Formats)
 *  Thread Starter [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * (@wilcozuidema)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162629)
 * Yes but where to place this post_class() ?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162631)
 * See [http://codex.wordpress.org/Template_Tags/post_class](http://codex.wordpress.org/Template_Tags/post_class)
 *  Thread Starter [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * (@wilcozuidema)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162636)
 * Hi Esmi,
 * Thanks, I think that helped me out, gonna try it right now if this works for 
   me 🙂
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162639)
 * Now a whole new world of post classes will open up to you. Throw in [http://codex.wordpress.org/Template_Tags/body_class](http://codex.wordpress.org/Template_Tags/body_class)
   as well and you have a very useful range of classes that make CSS life so much
   easier. 🙂
 *  Thread Starter [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * (@wilcozuidema)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162642)
 * Yes this is working out for me,
 * one more question, is it also possible to change the html stucture for a specific
   post format ?
 * Example :
    **Default Post** <div class=”wrapper”> <div class=”post-image”> </
   div> <div class=”post-content> <div class=”post-date”>25/09/2013</div> <p> Content
   over here </p> </div> </div> **Gallery Post** <div class=”wrapper”> <div class
   =”post-image”> <div class=”post-title”> Title over here </div> <p> Content over
   here </p> </div> </div>

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Give different posts different styles’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 3 participants
 * Last reply from: [WilcoZuidema](https://wordpress.org/support/users/wilcozuidema/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/give-different-posts-different-styles/#post-4162642)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics