How can I remove the spaces between lines in this bullet list in Divi?

Multi tool use
How can I remove the spaces between lines in this bullet list in Divi?
In this post on my site (under the Tier 1/Tier 2/Tier 3 section), I have run into an issue with the spacing between individual bullet points. When I first published it a few years ago, the spacing between each bullet was the same as other lines on the site. However, after one of the updates to either Wordpress or Divi, the spaces ballooned.
I've tried several of the solutions on this site, including adding a style element to the ul portion, but this simply adjusts the spacing between the lines in each bullet rather than between the bullet points themselves.
Does anyone know how to reduce this space in order to align it with everything else on the site?
Here is the code from one of the three columns:
<ul>
<li><strong>Status</strong>: Most often not-for-profit</li>
<li><strong>Ownership</strong>: Typically owned by parents and operated as a foundation school</li>
<li><strong>Accreditation</strong>: National (ONESQA) and multiple international (CIS/NEASC/WASC/CfBT)</li>
<li><strong>Fees</strong>: High, ranging between THB 400,000 to 925,000 depending on the level
<ul>
<li>Additional fees are usually required for enrollment as well</li>
</ul>
</li>
<li><strong>Staffing</strong>: Typically employ Western teaching staff, but are willing to hire licensed teachers of any nationality</li>
<li><strong>Student Body</strong>: Set cap for Thais (20 – 30%)</li>
</ul>
<br>
<hr>
<br>
<strong>Salary & Benefits</strong>
<ul>
<li>Monthly Salary (Gross): THB 135,000 - 275,000</li>
<li>THB 28,000 - 60,000 housing allowance or provided housing</li>
<li>Annual airfare (following initial 2-year contract)</li>
<li>Generous responsibility allowances</li>
<li>Annual bonus equivalent to one or one and a half month's salary</li>
<li>Full health and dental insurance</li>
<li>Pension fund</li>
<li>Relocation/settling-in allowance</li>
<li>Personal professional development fund</li>
</ul>
<br>
<hr>
<br>
<strong>Typical Hire</strong>
<ul>
<li>4-10+ years of experience in international setting</li>
<li>Bachelor's, master's or graduate diploma in education</li>
<li>Frequently has teaching license in home country</li>
<li>Exemplary performance in past positions</li>
</ul>
without posting any code, we cant help
– charan kumar
Jul 3 at 8:34
That being said, it looks like you are talking about the 16px top margin those LI elements get from a rule containing the selector
.et_pb_text li
– rather trivial to figure out using browser dev tools.– CBroe
Jul 3 at 8:37
.et_pb_text li
Sorry - I've just updated the question with the relevant code.
– JDK
Jul 3 at 8:56
1 Answer
1
.et_pb_text li {
margin-top: 5px;
}
.et_pb_text li ul {
margin-top: 5px;
}
Add this CSS to Dashbord > Appearance > Customize > Additional CSS
and change the 5px value to your preferred one.
Dashbord > Appearance > Customize > Additional CSS
Thank you! That worked perfectly.
– JDK
Jul 3 at 9:03
You can upvote this answer as correct.
– Sharif Mohammad Eunus
Jul 3 at 9:08
I just did, but as a new member, it unfortunately doesn't appear.
– JDK
Jul 3 at 9:38
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
First of all, please go read How to Ask and Minimal, Complete, and Verifiable example. Code relevant to your problem belongs directly into your question, not just on an external site. Please edit accordingly.
– CBroe
Jul 3 at 8:33