What am I doing wrong in this piece of bullet point code?

[rcheltrvel]

I need help with this small piece of code. I want bullet points next to each one of my product features but somehow I can't get it to work right. I am not a programmer but I'm guessing there is something that can probably be tweaked in this piece of code to make the bullets show properly? Right now bullets show in front of one of the product features only, I need a bullet to show up before each product feature. Can you help, please, what am I doing wrong?

[thecartdesigner]

rcheltrvel Your html blocks (ul, li, divs) are misaligned within each other. Here is the whole original block that will help you with a better starting point:

 <!--START: PRODUCT_FEATURES_BLOCK-->
            <div class="productFeaturesBlock">
                <ul>
                    <!--START: PRODUCT_FEATURES-->
                    <li>
                        <!--START: product_feature_title--><span class="feat-title">[product_feature_title]:</span><!--END: product_feature_title--><span class="feat-name">[product_feature_name]</span>
                    </li>
                    <!--END: PRODUCT_FEATURES-->
                </ul>
                <div class="clear"></div>
            </div>
  <!--END: PRODUCT_FEATURES_BLOCK-->

Replace your whole current block shown in your image (if that is the entire block shown) from <ul> to <!--END: PRODUCT_FEATURES_BLOCK-->

Make sure that you are adding the new block above at the end previous tag block e.g.(<!--END: id-->) and ending at the next following block e.g. (<!--START: LOGIN_REQUIRED-->)

So that the 3dcart tagged blocks are lined up like so:

<!--END: id-->
<!--START: PRODUCT_FEATURES_BLOCK-->
html from above yadayada
<!--END: PRODUCT_FEATURES_BLOCK-->
<!--START: LOGIN_REQUIRED-->

Save, clear browser cache, refresh. Hope this helps.

[rcheltrvel]

I am sorry, I do not understand. Thank you for answering but could you paste the entire block of code I should be using properly to show bullet points in front of each feature?

[rcheltrvel]

Any other solutions that anyone else knows because lining up the blocks of code doesn't fix the problem.

Right now the product features look like this

[thecartdesigner]

rcheltrvel Sent you a PM

The block isn't what shows bullet points. The supporting css does. The idea was to get the block corrected before addressing the bullet points otherwise you would have more issues than just the bullet points showing

[thecartdesigner]

rcheltrvel Now that your block is correct you can address your current list style which is set as none in your css.

1. Go to your default_modified.css
2. Find this rule:

#product-details .productFeaturesBlock ul {
list-style: none;
}

CHANGE TO:

#product-details .productFeaturesBlock ul {
list-style: none;
}

Or remove the rule completely from your default modified.css. You can simply remove it because the base unmodified rule will show bullets

[thecartdesigner]

rcheltrvel

You would also benefit from removing these 2 rules which keep the bullet from lining up properly:

#product-details .productFeaturesBlock ul li .feat-name {
margin-left: 0;
}

#product-details .productFeaturesBlock ul li span {
display: inline;
}