Announcement

Collapse
No announcement yet.

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

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

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

    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?

  • #2
    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:

    HTML Code:
     <!--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.
    TheCartDesigner.com
    Not 3dcart Owned or Operated
    100% Independent 3dcart Expert


    Follow Us on Twitter

    Comment


    • #3
      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?

      Comment


      • #4
        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

        Comment


        • #5
          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.com
          Not 3dcart Owned or Operated
          100% Independent 3dcart Expert


          Follow Us on Twitter

          Comment


          • #6
            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.com
            Not 3dcart Owned or Operated
            100% Independent 3dcart Expert


            Follow Us on Twitter

            Comment


            • #7
              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;
              }
              TheCartDesigner.com
              Not 3dcart Owned or Operated
              100% Independent 3dcart Expert


              Follow Us on Twitter

              Comment

              Working...
              X