Having trouble indenting custom bullet points

  • I am trying to indent the list check bullet points on my share page. I am sure I am missing an easy fix but have tried changing the margin indent spacing, the simple space command, etc… it will not indent the checked bullets. I am a novice but have learned as I go. Any help would be appreciated.

    https://everyonestartshere.com/share/

    [column col=”1/5″]

    Click here for audio introduction (3 min)

    1. Connect with people and invite them to take a look Isagenix (Audio Training)

    [list type=”check3″]

    Post on Facebook (Training Document)

    Learn how to connect , listen and create interest and intrigue (Video Training)

    text view:
    [column col=”1/5″]
    <h5>Click here for audio introduction (3 min)</h5>
    <h5>1. Connect with people and invite them to take a look Isagenix ? ?(Audio Training)</h5>
    <span style=”font-size: 13px;”>[list type=”check3″]</span>

    <ul style="margin-bottom: 13px;">
<ul style="margin-bottom: 13px;">

<li>
<h6>Post ?on ?Facebook??<a href="https://everyonestartshere.com/wp-content/uploads/2013/09/POST-ON-FACEBOOK-before-your-box-arrives.pdf"> (Training Document)</a></h6>
</li>
<li>
<h6>Learn how to ?connect?, listen and create interest and intrigue ?<a href="https://youtu.be/9ByhKQIt7j0"> (Video Training)</a></h6>
</li>

Viewing 1 replies (of 1 total)

  • You’ll make this a lot easier if you clean up your html. No need for all those h5 and h6 tags inside your list items. And why two ul tags? Also, get rid of these randoms p and span tags. And the main div for this part should be an ordered list. So.

    <ol class="shortcode-list shortcode-list-check3">

<li>Connect with people and invite them to take a look Isagenix <a href="https://soundcloud.com/lynnhagedorn/sample-verbiage-to-ask-people">(Audio Training)</a>
<ul>
<li>Post  on  Facebook  <a href="https://everyonestartshere.com/wp-content/uploads/2013/09/POST-ON-FACEBOOK-before-your-box-arrives.pdf"> (Training Document)</a></li>
<li>Learn how to  connect, listen and create interest and intrigue  <a href="https://youtu.be/9ByhKQIt7j0"> (Video Training)</a></li>
</ul>
</li>
<li>Share the Story of Isagenix by providing the link to <a href="https://sharethestorynow.com/">www.sharethestorynow.com</a> as the first tool/exposure
<ul>
<li>Use a ...</li>
<li>Other ... </li>
</ul>
</li>
<li>Assist New Associate  in Getting  Started
<ul>
<li>other items in this last one ...</li>
</ul>
</li>

    You see what’s happening here? You have an
    an ordered list, which gives you the numbers automatically. *Inside* each of those ordered list list-item tags is *another* list, this time an unordered list — those have the checkmark bullets.

    If you do this, depending on your css, you may get the indentation you want automatically. Or you may just have to give the ul list items some left padding.

    Alittle help here maybe: https://www.htmldog.com/guides/html/beginner/lists/

Viewing 1 replies (of 1 total)
  • The topic ‘Having trouble indenting custom bullet points’ is closed to new replies.