ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• April 18, 2017 at 11:12 pm #321475
  cfairi

  Member

  Post count: 129

  I have recently noticed that there is a grey border around images on my product pages (see attached), which didn’t show up before. How can I remove this? Thank you.

  Attachments:

  You must be logged in to view attached files.
  April 19, 2017 at 9:45 am #321502
  David Martin – Support

  Moderator

  Post count: 20834

  Please add this to Theme Options => Custom CSS:

  .woocommerce.product-shadows.product-standard #product-img-slider .lSSlideWrapper, .woocommerce.product-shadows.product-standard #product-img-slider .lSPager.lSGallery li, .woocommerce.product-shadows .lSAction>a, .woocommerce.product-shadows #product-img-noslider ul.slides>li, .woocommerce div.product div.images .flex-control-thumbs li img, .woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
  }

  April 24, 2017 at 12:05 pm #322061
  cfairi

  Member

  Post count: 129

  This reply has been marked as private.
  April 24, 2017 at 12:11 pm #322064
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  It was just an copy/paste issue when you pasted the css it went with some characters in the incorrect format.

  I just pasted it again and it works fine now.

  -Rui

• Back to forum

  Posted in: Atelier