Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 10, 2017 at 2:34 am #790762
    k593

    I’m having trouble increasing the width between columns on the Product Grid module. I’m using WooCommerce. Here is some CSS I tried which didn’t work:

    .template-shop {
    -webkit-column-gap: 40px !important;
    -moz-column-gap: 40px !important;
    column-gap: 40px !important;
    }

    May 10, 2017 at 3:49 am #790784
    Nikko

    Hey k593,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    
#top .shop_columns_3 .products .product {
    margin-right: 3.5%;
    width: 31%;
}

    Hope this helps :)

    Best regards,
    Nikko

    May 10, 2017 at 9:09 pm #791338
    k593

    That worked! Thank you Nikko.

    May 11, 2017 at 3:07 am #791420
    Nikko

    Hi,

    Glad to hear that! Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Increase Gutter Width on Product Grid’ is closed to new replies.