Joomla Templates Club 406,261 posts

[jessbryant68 Friend jessbryant68Join date: November 2010Posts: 9Downloads:7Uploads:0 Thanks: 2]

#160294

I’m having a problem with some css and I can’t seem to find it in the template.css.
Here’s a stripped down version of the html looks like (except without the verbiage)
<ul>
<li> A regular list item, this will be a bullet point</li>
<li> This is the line item that contains the nested list and this line will also be a bullet point
<ol>
<li>this is the nested list and this line item should be a number rather than a bullet.</li>
<li>number 2</li>
<li>number 3</li>
</ol>
</li>
</ul>

The <li’s> inside the </ol> should appear as a numbered list, and when I’m viewing it in my editor, it appears fine. When I view it in IE7, it the first <li> has a bullet, but the nested <li> (after the <ol>) appears with the number 1. and then a bullet and then the text. And the following nested <li’s> do not show up with consecutive numbers, they all have the number 1. next to them. You can view an example of this using Internet Explorer on the following URL:

http://webeye.ophth.uiowa.edu/basic-science/92-thompson

In Firefox, I don’t see the number 1. listed by the nested li’s. But I don’t see any numbers at all. Just bullets.

Can you please help me find out where the css problem is? Thank you!!!
Jessica

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#377131

Dear jessica,

you can open the file of templates/ja_ores/css/template.css,Look for the css
.column ul li {
background: url(“../images/bullet3.gif”) no-repeat scroll 20px 7px transparent;
line-height: 160%;
overflow: hidden;
padding-left: 30px;
}
You can play around on this css

[Author]

Posts