WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Lists and Bullets will not indent on posts (16 posts)

  1. kirstenaline
    Member
    Posted 4 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!

  2. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    you could probably add a text-indent:1em or similar to li in your css

  3. kirstenaline
    Member
    Posted 4 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!

  4. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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;
         }
  5. alchymyth
    Forum Moderator
    Posted 4 years ago #

    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

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    doh.... I didn't notice those numbers that are half cut off...... you are correct

  7. kirstenaline
    Member
    Posted 4 years ago #

    does it matter if I use .entry or .post? What is the difference?

  8. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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

  9. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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

  10. kirstenaline
    Member
    Posted 4 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?!?!?

  11. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    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?

  12. kirstenaline
    Member
    Posted 4 years ago #

    Is this in my css?

  13. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    yes, its in the bit of code @alchymyth posted above, in your style.css

  14. kirstenaline
    Member
    Posted 4 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?

  15. kirstenaline
    Member
    Posted 4 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?!

  16. kirstenaline
    Member
    Posted 4 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!

Topic Closed

This topic has been closed to new replies.

About this Topic