WordPress.org

Ready to get started?Download WordPress

Forums

Shortcodes Ultimate
[resolved] Aligning Lists (4 posts)

  1. geoffreygordon
    Member
    Posted 2 years ago #

    Quick question about lists, when i insert a list, the bullet aligns to the center of the content, not to the top line, like ordinary lists do, really strange, how do i fix it in the CSS.

    http://wordpress.org/extend/plugins/shortcodes-ultimate/

  2. mjname
    Member
    Posted 2 years ago #

    I'd love to fix this too. I tried valign:top; in the css file and it was a no go.

    I remember that I fixed this in one of my sites that had short codes and can't remember how I did it now.

  3. mjname
    Member
    Posted 2 years ago #

    It is one of those things that really separates the kids from the adults in design.

  4. Vladimir Anokhin
    Member
    Plugin Author

    Posted 2 years ago #

    In this case, markers are just background images.

    I use this method to avoid the destruction of the lists for different font sizes on the sites, that uses my plugin.

    To change marker position, you need to use next code:

    CSS

    .su-list ul li {
       background-position: 0 5px !important
    }

    Shortcode

    [list style="star"]
       <ul>
          <li>List item
          with multiple lines</li>
          <li>List item
          with multiple lines</li>
          <li>List item
          with multiple lines</li>
       </ul>
    [/list]

    Result
    http://clip2net.com/s/27MiI

    Also, you can adjust 5px value to perfectly fit your line-height.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic