Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #169226

    Hi
    I’m trying to sort out the alignment of the ordered and unordered lists and need a little help with the ‘disc’ list.
    I’ve managed to realign and indent the ‘ol’ ordered list text but can’t figure out the ‘text/padding’ for the ‘ul’ unordered lists and it’s driving me mad to have them non-aligned.

    This is the original Propulsion .css:
    —-
    ul, ol { margin-bottom: 20px; }
    ul { list-style: none outside; }
    ol { list-style: decimal; }
    ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
    ul.square { list-style: square inside; }
    ul.circle { list-style: circle inside; }
    ul.disc, .entry-content ul { list-style: disc inside; }
    ul ul, ul ol,
    ol ol, ol ul { margin: 4px 0 5px 30px; }
    ul ul li, ul ol li,
    ol ol li, ol ul li { margin-bottom: 6px; }

    .entry-content li { padding-left: 1em; text-indent: -1em;}
    .entry-content div li { text-indent: 0;}
    .entry-content ul.borderlist>li:first-child { border-top:1px solid;}
    .entry-content ul.borderlist>li { border-bottom:1px solid; padding: 3px 0 3px 1em}

    This is what I’ve put in my Quick css to achieve the correct text alignment for the OL:

    ol { list-style: decimal inside; }
    .entry-content li { padding-left: 1.4em; text-indent: -1.4em}
    ol, ul.square, ul.circle, ul.disc { margin-left: 0px; }

    What do I need to strip out or include to change only the disc ul to get a 1em padding and 1em text indent ?

    Best regards
    Jeff

    #169459

    Hey jpdesignecomm!

    I’m sorry but I’m a bit lost on what you’re trying to accomplish here. The unordered list items are already set to have 1em padding and -1em text indent.

    .entry-content ul li {
    padding-left: 1em;
    text-indent: -1em;
    }

    Cheers!
    Ismael

    #169469

    Hi Ismael
    Sorry for not being clear in my question.
    In Propulsion the ul and ol lists are not aligning so I’ve made changes to the quick css which has solved the second line text alignment issue on the ul (that’s what my quick css above has done).
    But I couldn’t find out how to indent the second line text on any disc/bullet pointed ul. This indent actually needs to be 1.2em and not 1em as I put in my post. Sorry.

    I’ve just put your piece of code in the quick css and it seems to have kicked it all into position.

    Thanks for your help again Ismael.

    Best regards
    Jeff

    #169736

    Hey!

    So it is fixed now? Glad it worked. :)

    Regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Ordered and Unordered lists alignment’ is closed to new replies.