Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #650706

    Hi,
    After Enfold update and Woocommerce update are Woocommerce product images without bottom border. Screenshot address in private area.
    How can I fix it?

    Best regards,
    Eve KJ

    #651618

    Hey evekj,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .template-shop .images a { padding: 20px; }
    
    

    Best regards,
    Yigit

    #657647

    Hi,

    It was helpful only to feature image, but in WooCommecre product gallery are product images still without bottom border.

    Best regards,
    Eve

    • This reply was modified 7 years, 11 months ago by evekj.
    #658047

    Hi,

    You have following code in your custom CSS

    img, a img {
        border: medium none;
        display: inline-block;
        height: auto;
        image-rendering: optimizequality;
        margin-bottom: -18px;
        max-width: 100%;
        padding: 0;
    }

    This is causing the issue. Why did you exactly added margin-bottom value? You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your image and then give it a custom CSS class and then target only that element as following

    .your-custom-class img, .your-custom-class a img { margin-bottom: -18px; }

    Best regards,
    Yigit

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