Bullet Point Nesting within SKT Builder

[Casara Clark]

Hi!

I’m using the Business Consulting Theme, which utilizes the SKT Builder.

In particular, I’m working on this page right now: https://www.ramolawpc.com/refresh/elsa-ramo/

I created the TABS, using one of the SKT Builder Shortcuts.

I am utilizing Bullet Points within the TABS and want to be able to NEST sub-bullet points as well. An example is pictured here: https://www.ramolawpc.com/refresh/new/wp-content/uploads/2020/10/nested-bullet-points.jpeg

Or explained via code here: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_lists2

I tried to accomplish this within the SKT Builder’s features in the TAB called “Select Clients,” by merely indenting the lines that need to be nested.

When I view source code, I can see verification that the indent was entered:

<li class="ql-indent-1">Emmy-nominated “Chef’s Table,” 2015-present</li><li class="ql-indent-1">2020 Sundance selection “We Are Freestyle Love Supreme”</li>

But the indent isn’t sticking. I don’t see it showing up in any way in the site itself.

Plus, the indent would only work if the bullet points indented too.

Since the methods I’ve tried haven’t worked, can you suggest how I might be able to nest bullet pointed items beneath another bullet point within the SKT Builder?

Or a suggestion of a workaround?

Thank you,
Casara

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.ql-indent-1 {
    margin-left: 25px;
}

Regards,
Dave

[Casara Clark]

Perfect! Worked perfectly!

Thank you!

[Sonnal S Sinha]

Hi,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/26/

Regards,
Dave

[Author]

Posts