List Simple: Text to 4 Columns

This is free code. But you can pay me to get priority support + free install + free customize. Send me an email via this form if you have any problems.

To change text in List Simple Section to 4 Columns, like this.

v2-365-2-1

If you need to apply this on Text Block, let me know, I will adjust code for you.

#1. First, click Add a Section

v2-365-2-2

#2. Click People > Choose section with (i) icon

v2-365-2-3

#3. Next, enable Title & Button only

v2-365-2-4

#4. Next, click Content to add text

v2-365-2-5

#5. Add Title + Description

v2-365-2-6

With Description, you need

Make first paragraph BOLD

v2-365-2-7

Make second paragraph ITALIC

v2-365-2-8

Make third paragraph UNDERLINE

v2-365-2-9

#6. Find List Section ID

v2-365-2-10

#7. Use this code to Custom CSS

section[data-section-id="6874b3b45b0bf67ac3d5a83a"] {
.list-item-content__text-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
.list-item-content__description {
    max-width: 100% !important;
    margin: unset !important;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 75% !important;
    justify-content: space-between !important;
}
.list-item-content__description p {
    margin: 0 !important;
}
h2.list-item-content__title {
    width: 25% !important;
    margin: unset !important;
}
.list-item-content__description p {
    width: 25% !important;
    text-align: left;
}
.list-item-content__description strong {
    font-weight: normal;
}
.list-item-content__description em {
    font-style: normal;
}
.list-item-content__description u{
    text-decoration: none !important;
}
.user-items-list-simple[data-alignment-vertical="top"] {
    grid-gap: 20px 20px !important;
}
li.list-item:not(:first-child) {
    border-top: 1px solid #000;
    padding-top: 20px;
}
li.list-item:last-child {
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
}
  li.list-item:first-child * {
    font-weight: bold;
}}

v2-365-2-11-min