Product description

[quekbhj]

Hi

I am using default_html5 template.

Enter the product's description and using some of the html feature such as bullets in the product page.
However, the description display on the storefront, it did not display bullets and just indented.
Please advise how to resolve this issue so that it will display bullets.


Thank you
Jasmine

[abolabo]

what browser do you use?

[quekbhj]

Hi

I use IE, Firefox and Safari to test it. They show the same result (did not display the bullet).

Thank you
Jasmine

[abolabo]

cause is css-rule for all ul tags in style.css file of default_html5 template. it's overwrite your rule for list items.
you have 2 way:
1. in ckeditor click "source" button in toolbar and add attribute class="my-css-rule-for-list" for tag <ul>. Then open style.css file and add rule for this pseudo-class

Code Select Expand

ul.my-css-rule-for-list{
       list-style-type: disc !important;
}


2.  in ckeditor click "source" button in toolbar and add attribute   style="list-style-type: disc;"     for all <li> tags.

[quekbhj]

Hi

Could you advise the path of the style.css that i can modify.

Thank you

[abolabo]

/public_html/storefront/view/default_html5/stylesheet/style.css

[quekbhj]

Hi

I have modified the style.css (public_html/storefront/view/default_html5/stylesheet) and added attribute class="my-css-rule-for-list" for tag <ul>.
However, it still does not reflect the bullets.
Please advise.

Thank you

[abolabo]

did you cleared your browser cache? press ctrl+f5 twice to reload page

[quekbhj]

I did clear the cache.