Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 28, 2015 at 12:57 am #450856
    yoeladam

    Hello,
    I’m trying to add some extra margin space between columns on the products grid from WooCommerce.

    Since I’m not familiar with the styles used in Enfold, how can I increase the space between columns for each breakpoint of the responsive design?

    I’ve already created this rule:

    .shop_columns_3 .products .product {
	 margin: 0 7% 7% 0;
	width: 28.6%;
}

    Thanks,

    Adam

    May 29, 2015 at 2:50 pm #451607
    Yigit

    Hi yoeladam!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 767px) {
.responsive #top #main .products .product {
  margin: 0 8% 1% 0;
  width: 42%;
}}

    Cheers!
    Yigit

    June 1, 2015 at 10:15 am #452435
    yoeladam

    Perfect! thank you for the CSS

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘add margin space between WooCommerce columns’ is closed to new replies.