Bullet points and ol lists not showing

GK User
Wed Jan 11, 2012 4:36 pm
Hi,

It seems this is a recurring problem in other templates too, but despite having tried a few suggestions in other threads, I cannot seem to publish a simple article with bullet points and ordered lists. I do not even want any of the fancy icons as it is too confusing for ordinary non-techie users, just a basic bullet point option directly from the editor (JCE in my case).

See e.g. http://188.65.115.129/~critica/index.ph ... de-horizon

These should be nine points and where you see test there should be ordinary bullet points.

I tried fiddling with both template.css and override.css but no luck.
User avatar
Fresh Boarder

GK User
Wed Jan 11, 2012 5:42 pm
Try adding this to your override.css file.
Code: Select all
ul li {
    list-style: inside!important;
    padding-left: 10px; /* Optional */
}


A similar fragment should help the ol.
User avatar
Expert Boarder

GK User
Wed Jan 11, 2012 5:52 pm
Thanks for the suggestion, but this introduces bullet points all over the place, including the menus, so that is not an option. (I had used this before from another topic somewhere)
Any other suggestions?

Aghost wrote:Try adding this to your override.css file.
Code: Select all
ul li {
    list-style: inside!important;
    padding-left: 10px; /* Optional */
}


A similar fragment should help the ol.
User avatar
Fresh Boarder

GK User
Wed Jan 11, 2012 5:58 pm
Yes create a class and apply it to the lists in articles.
Code: Select all
ul.myclass li {
    list-style: inside!important;
    padding-left: 80px;
}

Code: Select all
HTML
<ul class='myclass'>
User avatar
Expert Boarder

GK User
Wed Jan 11, 2012 7:55 pm
If you don't like the solution above you could try this but it will be more general in scope:

override.css
Code: Select all
.item-page ul li {
    list-style: inside!important;
    padding-left: 25px;
}

.item-page ol li {
    list-style: outside!important;
    padding-left: 0px;
}
User avatar
Expert Boarder


cron