# Assign different classes to alternating blog posts?

**URL:** <https://community.hubspot.com/t/assign-different-classes-to-alternating-blog-posts/9687>\
**Category:** CMS Development\
**Created:** [August 1, 2018, 8:24pm UTC](https://community.hubspot.com/t/assign-different-classes-to-alternating-blog-posts/9687 "2018-08-01T20:24:27Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![radar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/radar/32/6125_2.png) [@radar](https://community.hubspot.com/u/radar)\
**Post date:** [August 1, 2018, 8:36pm UTC](https://community.hubspot.com/t/assign-different-classes-to-alternating-blog-posts/9687/3 "2018-08-01T20:36:35Z")

</div>

@MrCapp you could use a bit jquery to do this. Something like this could work:

```auto
$(document).ready(function() {

 $('.blog .post-item:odd').addClass('width-one-third');
 $('.blog .post-item:even').addClass('wdith-two-thirds');

});

```

---

_[View the full topic](https://community.hubspot.com/t/assign-different-classes-to-alternating-blog-posts/9687)._