Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 20, 2016 at 9:53 am #650706
    evekj

    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

    June 21, 2016 at 6:17 pm #651618
    Yigit

    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

    July 6, 2016 at 5:50 pm #657647
    evekj

    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 8 years, 5 months ago by evekj.
    July 7, 2016 at 2:05 pm #658047
    Yigit

    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

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