Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1101361

    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

    #1101786

    Hey opvab,

    I think most of that should be possible yes, is there anything in particular you need help with?

    Best regards,
    Rikard

    #1109073

    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

    #1109163

    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

    #1109260

    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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.