Вывод записей в 2 колонки в теме Storefront

Вывод записей в 2 колонки в блоге в теме Storefront

Погуглила и добавила код в storefront/functions.php:

add_filter('post_class','category_three_column_classes');
function category_three_column_classes( $classes ) {
global $wp_query;
if( is_category() ) :
$classes[] = 'three-column-post';
if( $wp_query->current_post%2 == 0 ) $classes[] = 'column-post-left';
endif;
return $classes;
}

и в storefront/style.css:

.three-column-post { width: 47%; float: left; margin-left: 4.9%; }
.column-post-left { clear: left; margin-left: 0; }

И не сработало (( Выводится в одну колонку и да еще с максимальным размером на полную ширину изображение.

Как мне сделать?