[Support request] Problem with gallery woocommerce (black border)

Home Forums Support [Support request] Problem with gallery woocommerce (black border)

Home Forums Support Problem with gallery woocommerce (black border)

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

    Hello, I have problem with gallery on product page:


    Where Can I off this border? I reported this problem to DIVI support but I recive this answer:


    It appears that the border is not handled by Divi.
    In that case I’ve used the following CSS to remove it:”
    

    .single-product .flex-viewport{
    border:none!Important;}

    But this code display off border in main image of product, but thumbails still have border.
    Can you check my website and help me where can I off this or which code in custom css I can use?

    #1678416
    David
    Staff
    Customer Support

    Hi there,

    i have to say that Page Builder adds a tonne of HTML and CSS that is not very tidy and missing some CSS properties; including adding a border style to those elements without specifying a border-width – so you’re seeing the default border width across all of them….. try adding this CSS to remove them:

    .et-db #et-boc .et-l .et_pb_wc_images .flex-control-nav img, .et-db #et-boc .et-l .et_pb_wc_images .flex-viewport, .et-db #et-boc .et-l .et_pb_wc_images div.images ol.flex-control-thumbs.flex-control-nav li {
      border-width: 0 !important;
    
    }
    #1678418
    Emil

    Yes I know, but in this project we need page builder for person who can modify landingpage…

    Thanks! You are the best 🙂

    #1678513
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.