ordered and unordered bullets n0t showing in this template

We managed to fix some of this but now e get double bullets in custom html modules.

The ordered and unordered lists work now but we cant find how to remove double bullets in modules.

Template is up to date with latest code.

Can you please provide me the exact changes needed to resolve this through the whole template. We did add an override css:

ol {
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
}

We edited meyers.css and template.css as per another post here on the forums. We just now need to get rid of the double bullets in modules.

Or please provide all changes needed for this template to fix this problem. It would be appreciated very much.

Thanks

Could You please post an url to your site - to exact places where you still have those problems?

Just go to home page at http://www.crystalwind.ca. Look at top menus, they now all have the bullets next to them. We managed to fix the unordered and ordered within articles, but the fix then inserted and displays bullets in menu items. If you could tell us what to change in what files so that:
Ordered and unordered show properly in articles, do not add double bullets in modules and do not show bullets in main menus on home page.

Heres is what we changed:

We removed this line in meyers.css
//ol, ul {
list-style: none;
}
We removed this line in template.css:
ul {
list-style: none;
}

And we added this line in css.overrides:
ol {
list-style-type: decimal;
list-style-position: outside;
margin-left: 25px;
}

Also look at menus at bottom of homepage and you can clearly see what happened.

Thank you for the quick reply and help.
Cheers!

Ok, it seems changes you have made need to be reverted.
If you would like to bring back numbers and bullets in lists inside an article content - use correct css selector that doesn't hit every list on a page, but those inside an article.
Also, please don't modify core template files as it will get you into a lot of troubles while updating. Use override.css instead (enable it in template settings).

Ok, it seems changes you have made need to be reverted.
If you would like to bring back numbers and bullets in lists inside an article content - use correct css selector that doesn't hit every list on a page, but those inside an article.
Also, please don't modify core template files as it will get you into a lot of troubles while updating. Use override.css instead (enable it in template settings).

Ok I reverted all the changes. So what is the solution? Now I have no numbers or bullets at all in articles! Help please!

Now please post an url to sample article

Now please post an url to sample article

here you go: http://bit.ly/1bTBN5s

This article has both bullets and numbering that are not showing. Any article that has numbers or bullets do not show them.

Thanks! Please let us know as this is a live site and we would hope to get this fixed ASAP.

Cheers!

We updated the template again and now the numbers and bullets appear. However, the spacing between bullet or number and first character in line is too close. Also the 2nd line in bullet text does not line up with first line and falls under the number or bullet itself. See same link please. http://bit.ly/1bTBN5s

Also notice how second line of bullet or number is too close to to first line of same bullet or number. It looks wrong. Thank You!

Please test your site with cleared cache or in incognito mode. The lists render as they should (ordered with decimals, unordered with custom bullets).

Please test your site with cleared cache or in incognito mode. The lists render as they should (ordered with decimals, unordered with custom bullets).

yes we see that. What we need help with is finding how to change the indent space between number and bullets in the ordered and unordered lists and making sure the second line in single list item aligns vertically with above lines first text char and not under number or bullet! Thank you! ALso spacing between list lines ais too close. Please see attached.

Thanks.

Please edit: /templates/gk_twn2/css/override.css and add at its end:

Code: Select all

body div.articleContent ul li, body #k2Container div.itemBody ul li {line-height: 1.8 !important;}
body div.articleContent ul, body #k2Container div.itemBody ul, body div.articleContent ul li, body #k2Container div.itemBody ul li, body div.articleContent ol, body #k2Container div.itemBody ol, body div.articleContent ol li, body #k2Container div.itemBody ol li {list-style-position: outside !important;}
body div.articleContent ul, body #k2Container div.itemBody ul, body div.articleContent ol, body #k2Container div.itemBody ol {margin-left: 20px !important;}


Remember to enable "CSS override" in template settings - advanced section.

You probably need to disable js and css cache.compression first to check if the code above works fine.

Please edit: /templates/gk_twn2/css/override.css and add at its end:

Code: Select all

body div.articleContent ul li, body #k2Container div.itemBody ul li {line-height: 1.8 !important;}
body div.articleContent ul, body #k2Container div.itemBody ul, body div.articleContent ul li, body #k2Container div.itemBody ul li, body div.articleContent ol, body #k2Container div.itemBody ol, body div.articleContent ol li, body #k2Container div.itemBody ol li {list-style-position: outside !important;}
body div.articleContent ul, body #k2Container div.itemBody ul, body div.articleContent ol, body #k2Container div.itemBody ol {margin-left: 20px !important;}


Remember to enable "CSS override" in template settings - advanced section.

You probably need to disable js and css cache.compression first to check if the code above works fine.

Solved! That did it!! We have checked several pages and they look great! thank you! Your a genius! Cheers!

I'm glad I could help
If You will have any other questions, feel free to post new forum threads.