Product grid in more them 5 columns

Hey comelen!

Please set it to display 3 and then post the link to your page.

Regards,
Yigit

Hey!

Please turn on custom CSS field for ALB elements – kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your column element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab

.your-custom-class .shop_columns_3 .products .product {
    width: 15.6%;
}
.your-custom-class .products .product.first {
    clear: none;
}

Cheers!
Yigit

Hi,

We checked the page but we don’t see any custom css class attribute to the product grid element. What is the custom css class attribute? The following code should work but the selectors aren’t specific:

.flex_column.av_one_half.flex_column_div.av-zero-column-padding.first.avia-builder-el-25.el_before_av_one_half.avia-builder-el-first .template-shop .products li {
    width: 15.6% !important;
    clear: none !important;
}

Add a custom css class attribute to the column containing product grid then replace the column selector above. This part:

.flex_column.av_one_half.flex_column_div.av-zero-column-padding.first.avia-builder-el-25.el_before_av_one_half.avia-builder-el-first

Best regards,
Ismael

Hi,

I’m sorry but you can’t do the same with the product slider because the other set of products are wrapped in a different container. This will require customization of the product slider script that you can’t override in a child theme. Please contact codeable if you want to do the same with the product slider: http://kriesi.at/contact/customization

Best regards,
Ismael