Unable to increase the #of Columns in woocommerce shop page

I used this code in functions.php

add_action (‘init’, ‘change_columns’);

function change_columns() {

add_filter( ‘loop_shop_columns’, ‘custom_loop_columns’ );

function custom_loop_columns() {

return 3;

}

}

and this CSS in my style.css file, but I was unable to change the column to 3 that means I was unable to display 3 Products on the shop page.

I also used this CSS –
ul.products li.product { clear: none; width: 30%; }

Can some one guide me whats going wrong?