Hi.
Could it be possible to style the Enfold Product list like below screen shot,
perhaps by quick CSS by av-catalogue-*****
https://docs.woocommerce.com/wp-content/uploads/2017/10/shortcode-sale.png
I would also like to include “Add to Cart” button.
Thanks,
OPVAB
Hey opvab,
I think most of that should be possible yes, is there anything in particular you need help with?
Best regards,
Rikard
Hi Rikard.
Well, everything! I can’t figure out how https://docs.woocommerce.com/wp-content/uploads/2017/10/shortcode-sale.png is configured the way it is.
I have tried the Product list and the Product grid, but can’t get it to act and look as above screen shot.
If I instead use the Enfolds columns and insert “[product id=”2250″]”, I get the three columns, but the look is awful. See PC.
Thanks,
OPVAB
Hi again.
If you look again at the Private Content , you’ll see the three columns. What I have problem with is that the flex_column av_one_thir have the right width,
but the “product type-product…” has much lower width and therefore get to low max-width. How could I synchronize that?
Thanks,
OPV AB
Hi opvab,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .inner_product_header,
.inner_product_header .avia-arrow {
border: none;
}
.products .product h2 {
text-align: center;
}
#top .woocommerce-loop-product__title + .price {
display: inline-block;
text-align: center;
width: 100%;
}
If you need further assistance please let us know.
Best regards,
Victoria