2 replies [Last post]
woj1s
Offline
newbie
Last seen: 10 years 32 weeks ago
Joined: 2009-02-04
Posts: 2
Points: 0

I have a Wordpress run site. Whenever I try to use indented bullets/numbers they show up in edit mode but once the article is published they disappear. I thought it may be something with the style.css file but im not quite good enough/knowledgable with css to edit anything yet.

the css code can be found here: thewoj.com/style.css

I thought it would be something in here but havent been able to have success:

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}/code]
 
 
in the html code there is this:
[code]<ul>
	<li>one</li>
	<li>two</li>
	<li>three</li>
</ul>

When I remove the "
    " code the bullets appear.....however the list is no longer indented. This leads me to believe that there is css code somewhere else in the style.css file that is affecting it.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 4 years 36 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

This is a common error made

This is a common error made with sites that might add content dynamically through CMS editors of some description and pre made themes. The general rule controlling ul lists removes bullets and applies a left indent, later rules for specific ul styles probably apply graphic bullets or re-instate bullets where the author thought they were required, but they never considered that a post might contain a bullet list and actually want normal bullets.

Options? well you could remove the list-style:none; from the generic ruleset and instead add it to any other rulesets that might need bullets removing, or you could create a second ruleset that is more specific and applies or allows bullets in a given context i.e if actual posts have no other ul lists than those that you may write on a per post basis then you might be able to do:

.post ul {list-style:square;}

allowing bullets on ul elements that are within the WP div classed as .post

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

woj1s
Offline
newbie
Last seen: 10 years 32 weeks ago
Joined: 2009-02-04
Posts: 2
Points: 0

Thank you

Worked perfectly. Great advice.