Divi Theme text module

178 Views Asked by At

Solved (I did not see that Divi added two classes for adding padding two times to <ul>'s in both their footer and Text Module. I created a new class to remove the padding-bottom to the sub-list item.)

I have created an unordered list in a Divi text module. I added the html for a sub-list item. Divi is adding module bottom padding to the bottom of the module but is also adding it after the sub-list item. I have the html like this:

       <li>Item one!</li>
       <li>Item two!
          <ul>
              <li>Sub-list item two.a!</li>
          </ul></li>

This is where Divi is adding bottom padding.

<li>Item three!</li>
  </ul>

I need the bottom padding in this module. Is there a way to keep the padding but prevent it from being added after the sub-list item? Thank you.

1

There are 1 best solutions below

1
Zain Zafar On

One way of going it would be to remove padding for unordered-list within li tag

ul {
   padding-bottom: 10px;
}

li > ul {
   padding-bottom: 0;
}