Unique styling the first post on the blog

[Carina]

Carina

March 21, 2015 at 12:30 pm

Hi,

On my blog grid page, I am trying to make the first post double the size of the other posts. My settings are a 2 column grid with a sidebar.

I did not have much of a problem accomplishing this using this css:

#kad-blog-grid .kad_blog_item:first-of-type {width: 100%;}
#kad-blog-grid .kad_blog_item:first-of-type img {width: 100%;}

However now the following posts do not follow the 2 column grid and only one post per row is being displayed. I adjusted the width of these posts to well under 50% to ensure it was not an issue with overflow. How can this be fixed to display as normal while still keeping the full width first post?