Siteground j16-36 (Happy Flower) breaks Unordered Lists in Articles

[Permata Harahap]

Hello,

The template Siteground j16-36 (Happy Flower) breaks unordered lists in articles.

In its template.css, there are the following lines:

ul{list-style:none;}
.cont li{display:inline;}

The first one causes ALL unordered lists in all contexts (including in articles) to be displayed without bullets, while the second one causes list items in articles to be displayed inline (instead of as list-item).

The second one seems fixable by putting it under .maincol context, as follows:

.maincol .cont li{display:inline;}

But the first one cannot be fixed easily. Simply removing the line would cause unordered lists on menus to have bullets (which looks bad). I believe the {list-style:none;} statement should be moved to its proper context (so it doesn't apply to ALL lists), but I can't seem to figure out where should that be.

Ordered lists in articles are OK, but some of my articles really need unordered lists, which at the moment doesn't work (there are no bullets).

Please advise.

Regards,
Permata Harahap (Perry)

[Permata Harahap]

Using the Web Inspector feature on my Safari browser, I finally found the correct context in order to override the CSS declaration to fix the unordered lists in articles.

Add the following line to template.css:

.item-page ul{list-style:disc outside none; margin-left:2.5em; margin-bottom:2em;}

Default margin/padding for lists varies among browsers, but the above values should be pretty safe.

Regards,
Perry

[Permata Harahap]

Unfortunately the above line also applies to the actions icons (Print, Email). To fix this, add the following line to template.css:

.item-page ul.actions{list-style:none; margin-left:0; margin-bottom:1em;}

So, to sum up, to fix the missing unordered lists problem in j16-36 (Happy Flower) template:

edit template.css:

change
.cont li{display:inline;}
into
.maincol .cont li{display:inline;}

and add
.item-page ul{list-style:disc outside none; margin-left:2.5em; margin-bottom:2em;}
.item-page ul.actions{list-style:none; margin-left:0; margin-bottom:1em;}

Rgds,
Perry