Magento – No bullet points and / or numbering in front

Sometimes it can happen, that

  • Bullets

or

  1. Numbering

in the Frontend Magento are just not shown. In the backend, everything looks good (WYSIWYG Editor), but it hooks up front yet.

This is usually because, that the competent “Design” (.css) File no real definition has been entered in these cases.
In this case, the competent e.g.. CSS file open and the following code (best where it fits thematically, but has no real meaning) use:

 

/* Lists */
Street,ol { list-style:disc outside none; padding-left:15px; }

 

The first line is only to order / Beauty and has no real Bewandnis for the code. The second line is then defined, which should have bullets in front of each line and how much everything should be indented.

Extensive and sophisticated, this would:

 

/* Lists */
Street { list-style:disc outside none; padding-left:15px; }
ol { list-style:decimal; padding-left:15px; }

 

The numbering here is addressed separately and not together with the summary. Try it out, what is better.

Here are a few examples of enumeration- / Numbering signs:

  • none
    No bullets
  • circle
    Circle, only under
  • square
    Square
  • disc
    Filled circle
  • decimal
    Decimal (1. ,2. , 3. , …)
  • lower-roman
    Small Roman numerals (the. ,ii. ,iii. , …)
  • upper-roman
    Large Roman numerals (I. ,II. , III., …)
  • decimal-leading-zero
    Decimal numbers with leading 0 (01. ,02. , 03. , …)
  • lower-greek
    Small Greek numbering alpha, beta, gamma,…
  • lower-latin
    Small ascii characters (a. ,b., c. , …)
  • upper-latin
    Large-ascii characters (A., B. ,C. , …)
  • armenian
    Armenian numbering
  • georgian
    Georgian numbering

It does not work all the characters with all browsers, therefore remain the best standard. It is important to also look, whether this change is not sudden, other elements (as pictures) “enumerated” will. If this should be so, the CSS class was too broad and needs to be defined more precisely. Here best with Firebug for Firefox work, who can view the CSS classes.

Used in Magento Version 1.4.1.1

Published by Covos

Since 2009 I have been working intensively with Magento. I started with the creation and operation of B2C stores. This was extended through my work in the logistics sector. This resulted first specialized B2E systems. Today I work day-a day with exciting B2C, B2B- and B2E projects and reports in this blog about challenges and give insider tips.

6 comments on “Magento – No bullet points and / or numbering in front”

  1. The tip works principle, always. Only one has the problem that the points then as. appear in the navigation, if this works with. mu.l.
    Better I find the following solution:
    .std's { list-style:disc outside; padding-left:15px; }
    Insert the CSS.

    1. habe die styles.css unter /skin/frontend/default/meintemplate/css gefunden, leider bleibt die eigefügte Zeile ohne Wirkung, wie auch andere styles fett, kursiv usw. im Backend wird es alles schön angezeigt, leider nicht im Fronted nicht…. what can be?

      1. 1. Sicherstellen, dass es auch die richtige CSS Datei ist (e.g.. Firebug verwenden)
        2. Clear cache (Browser und Magento)
        3. Möglicherweise etwas vergessen? E.g.. a ;?

    1. Usually the CSS file is within the template you are using (e.g. skin/frontend/yourtheme/theme/css). As far as I can see you are using an extension to compress the css files. So I cannot see where the css files are located in your case. You should 1. disable the css compressing / merging 2. use a tool like Firebug to see the location of the css file 3. change the file 4. activate the css merging again.
      I hope this helps

Leave a Reply

Your email address will not be published. Required fields are marked *