kirstenaline
Member
Posted 2 years ago #
I am going crazy with this. For some reason I cannot get my posts to indent my lists, either numbered or bulleted. I have searched on the forums and tried a bunch of different css codes regarding lists and margins and padding, but none seem to work. What is strange is that I can see the list indent, and then it jumps right back out to be non-indented.
Here is my site: http://www.travelingfashionista.com
Here is an instance of it not working: http://www.travelingfashionista.com/2010/03/wear-traveling-airplane/
Your help will be GREATLY appreciated!
you could probably add a text-indent:1em or similar to li in your css
kirstenaline
Member
Posted 2 years ago #
I am a bit new to the css editing, but I tried this:
.post li {
padding-left: 10 px;
}
I also tried this:
li {
margin-left: 10px;
padding-left: 10 px;
}
Neither did a thing!
I believe you want to add padding to the ul
the ul controls the entire list, the li controls each list item
maybe:
.post ul {
padding-left: 20px;
}
i think this is the style to edit:
.entry ol li{
list-style-position: outside;
margin-left:22px;
}
in style.css of your theme
ps:
@RVoodoo is also right - padding on .post ol or .post ul has a similar effect
doh.... I didn't notice those numbers that are half cut off...... you are correct
kirstenaline
Member
Posted 2 years ago #
does it matter if I use .entry or .post? What is the difference?
well, that bit of code @alchymyth put up there already exists
on your theme it wouldn't matter which you use.
Your posts are all in a class called .entry which is inside .post
validation errors can cause a lot of strange behaviour. I just noticed what you mentioned about your ists starting out OK, then shifting left. I'm not sure if its related....but you definitely have some issues here:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.travelingfashionista.com%2F2010%2F03%2Fwear-traveling-airplane%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.767
kirstenaline
Member
Posted 2 years ago #
Holy cow - that looks like a ton of errors.
I don't see anything that may be causing this particular issue, particularly when there are other posts with the same problem.
So strange that they start out fine then shift left?!?!?
list-style-position: outside;
what happens if you change that to inside?
I wonder if it moves your numbers right, or your list items left?
kirstenaline
Member
Posted 2 years ago #
yes, its in the bit of code @alchymyth posted above, in your style.css
kirstenaline
Member
Posted 2 years ago #
Ok, so I don't see any of that coding in my css at all. When you are viewing my site, are you seeing that as a part of my code that is already existing?
kirstenaline
Member
Posted 2 years ago #
Ok, tried that (changing to inside) and still it reverts back to the outside. I also tried turning off and on diff plugins. It is as if something is over-riding it all?!
kirstenaline
Member
Posted 2 years ago #
AND we are fixed!! I had to fix a weird format in the tag, but using the code:
.entry ol li{
list-style-position: inside;
margin-left:22px;
}
IT WORKED!
THANKS SOOOOO MUCH!
