Divi CSS

Dotted lines between text

https://www.peeayecreative.com/how-to-add-automatic-dotted-leader-lines-between-text-in-divi/

HTML Of Each List Item

<li><span>LABEL</span><span>VALUE</span></li>

Class for the object

<ul class=”pa-dot-leaders”>

CSS code for Divi > Settings > Custom CSS

ul.pa-dot-leaders {

max-width: 40em;

padding: 0;

overflow-x: hidden;

list-style: none}

ul.pa-dot-leaders li:before {

float: left;

width: 0;

white-space: nowrap;

content:

“. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ”

}

ul.pa-dot-leaders  span:first-child {

padding-right: 0.33em;

background: white}

ul.pa-dot-leaders span + span {

float: right;

padding-left: 0.33em;

background: white}

 

Move Toggle Button left (Like on Mara’s treatments page)

https://help.elegantthemes.com/en/articles/8386511-how-to-move-the-toggle-module-icon-to-the-left