Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #9030

    Looks like some formatting is filtered out in the products description.

    While most shortcuts (even stuff like pullquotes and toggles) works fine inside the description tab, lists do not. Bummer.

    What is a product description without lots of bullets… ;-)

    Neither ordered nor unordered lists works, they are just displayed as normal text.

    Missing CSS classes or some filter overrides needed?




    Can’t be that complicated to get ‘dem lists to work, eh? ;-)

    Friendly *bump* after 3 days.

    Any help and working fixes appreciated.


    *coughcough* – … – *twiddlingthumbs*


    This is a really annoying glitch and I would love to know how to fix it, esp. since way more complicated formatting / shortcode stuff works great, just the lists are not displayed as lists…




    Hi Elfenwald,

    I didn’t have any problem creating lists inside descriptions when I tested it just now. They don’t have the bulleted style to them however so if that is the problem add the following to your Quick CSS.

    list-style-type: disc;
    list-style-position: inside;




    Exactly my point, Devin – you can create them, they look right in the post editor, but in the product page they were displayed as ordinary text.

    With the CSS fix they look right now.

    HA, so easy ;-) – I had a similar problem with a different theme before, there we needed weird filter overrides in functions.php to make lists work inside tabs …



    P.S.: for those who prefer indented lists, use “outside” for list-style-position


    little correction:

    of course we have to specify which lists we want to style…

    With the code provided above all kinds of “ul” are changed all over the place, screwing up widgets, menus and whatnot… :)

    Rather something like this, so other elements styled with ul are not affected:

    .woocommerce_tabs ul{
    list-style-type: square;
    list-style-position: outside;

    That should affect only the lists inside the product tabs.



    I have that problem but your suggested CSS style does not get applied. Any suggestions?





    I just added the CSS styling into the theme’s custom.css file and it works fine. However, since I’m using a child theme, I would have expected the child theme’s styles.css to be the one drive the styling?

    Any view on this?




    Maybe try to add the !important attribute to the code.

    Best regards,



    Hi Peter,

    I did that but it does not work. Changes get applied only in the custom.css.

    I’m happy putting my customization into the custom.css now that I know what works.

    Thank you.


Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Lists in Product Description tab?’ is closed to new replies.