Quick CSS Issue

  • wesmcdermott

    (@wesmcdermott)


    15 years, 5 months ago

    I am having an issue with my site not displaying ordered lists correctly. It seems to use the image set for unordered lists. I’ve had a friend look at it but he can’t figure it out, and I’ve no chance.

    Here’s the section of the stylesheet that I believe to be the right area:

    }

#points li{

padding-right:2px;

list-style-image: url(http://www.muscle-gain-tips.com/images/bullet10.jpg);

color:#7c716f;

}
ol{
list-style-type:upper-roman;}

ul {

list-style:none;

color:#7c716f;

}

li{

list-style:none;

color:#7c716f;

}

    If you need the whole stylesheet I can upload it.

Viewing 6 replies - 1 through 6 (of 6 total)
  • @mercime

    (@mercime)

    15 years, 5 months ago

    not displaying ordered lists correctly.

    What is the correct way to display it for your design?

    Here’s the section of the stylesheet that I believe to be the right area:

    Site URL? .. plus answer to above will help us help you.

    Thread Starter wesmcdermott

    (@wesmcdermott)

    15 years, 5 months ago

    What is the correct way to display it for your design?

    Just to get numbered items to show for now. I’d be happy with that.

    Site URL? .. plus answer to above will help us help you.

    http://www.muscle-gain-tips.com

    Thread Starter wesmcdermott

    (@wesmcdermott)

    15 years, 5 months ago

    An example of a page i’m hacing trouble with ol items is http://www.muscle-gain-tips.com/nutrition-articles/cottage-cheese-the-ideal-muscle-building-food

    The 5 items underneath the header “5 Things You Should Know About Cottage Cheese”

    tazfan

    (@tazfan)

    15 years, 5 months ago

    i have an problem like this on my site as well any ideas how to fix this

    @mercime

    (@mercime)

    15 years, 5 months ago

    wesmcdermott – I’ll guess that you only want the change when it’s ordered list but keep the checked box styling for the unordered list below with the Related Articles. I am reordering and adding to the styling you have for the ul, ol, and #points ul. Change what you have posted above (except the closing bracket “}” at the top of your code) to this one below:

    ul {
list-style:none;
color:#7c716f;
}

li{
list-style:none;
color:#7c716f;
}

#points ul li{
padding-right:2px;
list-style-image: url(http://www.muscle-gain-tips.com/images/bullet10.jpg);
}

#points ol li {
padding-right:2px;
list-style-type:upper-roman;
}

    The#points ul li and #points ol li must be after the styling for ul and olwhich I didn’t delete as it might be used in other parts of your site.

    Thread Starter wesmcdermott

    (@wesmcdermott)

    15 years, 5 months ago

    Thanks man! That works perfectly.

    What would I add to that code now to be able to change the size and colour of the numbers?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Quick CSS Issue’ is closed to new replies.