1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Divi Ultimate adds 1px White Border to Shop MOdules

Discussion in 'Basic Support Forum' started by erik, Oct 27, 2018.

  1. erik

    erik New Member

    Hello,

    It took me forever to figure out why a 1px white border was added to all of my shop modules. Finally tracked it down to divi ultimate. just have the plugin installed on my site. I found a way to remove that, by adding this .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    border: none;
    }

    but is there any other way to prevent it from making changes like this to my site?
     
    #1 erik, Oct 27, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That's the default style for our child theme woocommerce product.

    By default, it looks like this:

    upload_2018-10-28_11-16-56.png

    After using our child theme & assistant plugin, it will look like this with border.

    upload_2018-10-28_11-18-4.png

    The reason why we do that for product lists is because you will need to use hard coded CSS to style the shop page ( https://diviultimate.com/shop/ ) & so we style the shop module as well using CSS to make it coherent. For most part of the woocommerce elements, we added our own custom CSS to style it (part of our child theme offering).

    Apart from woocommerce elements, I believe that others won't affect your site like this.
     
    #2 Divi.Help Pro Support, Oct 27, 2018
  3. Luke Dyer

    Luke Dyer New Member
    Divi Ultimate Child Theme

    I have my own child theme that is utilizing the DU plugin. I also added the above css to my child theme css as !important to make the border not appear. I don't want to modify the DU plugin code since any future updates would revert those changes. Is there a better way to achieve this?
     
    #3 Luke Dyer, Aug 29, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Yup. The best way to override it is through custom CSS in child theme style.css or Divi > Theme Options > Custom CSS.
     
    #4 Divi.Help Pro Support, Aug 29, 2019
  5. Luke Dyer

    Luke Dyer New Member
    Divi Ultimate Child Theme

    Yeah, that is what i figured. I am not very comfortable with putting CSS there and would much rather add it in the child theme css file as part of the repository.
     
    #5 Luke Dyer, Sep 11, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)