Product List field: Make the background of all product images transparent

  • publis
    Asked on February 4, 2021 at 4:44 PM
    to make the background of all product icons look transparent (=> light green, like the page) instead of the actual white ?
  • John Support Team Lead
    Replied on February 4, 2021 at 5:19 PM

    Use this custom CSS code to make the product images' background colors transparent:

    .image_area.form-product-image-with-options {
      background-color: #ffffff00!important;
    }
    .form-line[data-payment=true].form-line.card-3col .form-product-item, .form-line[data-payment=true].form-line.card-2col .form-product-item {
        background-color: #ffffff00!important;
    }

    Here's the result:

    1612477158 601c72e666ce2  Screenshot 10

  • publis
    Replied on February 5, 2021 at 5:43 AM

    Wonderful, thank you ! :-)