Alignment fail for Block Editor list type

  • jensf

    (@jensf)


    7 years, 3 months ago

    Hi,

    Do you have an idea why the unordered list appears too far left on the webpage? In the Block Editor view of WordPress 5.1 the list appears correctly aligned below the previous block. … Could this be caused by the indented list items, starting below “Ab 19 Uhr: Kommerz im Festzelt” respectively the “second level” of unordered list items?

    Please compare with the screenshots I uploaded here: https://drive.google.com/drive/folders/18eoD5r96aP4qAgfuYtM-9TnJzqLlYwzR?usp=sharing

    I’d be happy about your comments. Thanks in advance!

    Kind regards,
    —
    Jens

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Samuel Wood (Otto)

    (@otto42)

    ww.wp.xz.cn Admin

    7 years, 3 months ago

    Your theme’s style.css file has this code on line 2905

    .entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
	margin-left: 0;
}

    This forces the left margin to zero on those lists in the content area. The default left margin for a list is set on line 477 in the same file as 1.25em. By forcing the margin to zero in the content, the list items are aligned, pushing the discs (which are rendered outside the list) over to the left.

    Removing the margin-left:0 here will fix it, or you could add custom CSS to change it back to 1.25em.

    Thread Starter jensf

    (@jensf)

    7 years, 3 months ago

    Hi Samuel,

    Thank you very much for your help! I added some custom CSS to change it back and it’s working fine for me! But I’m still wondering that it’s coded like that per default for the Twenty Sixteen theme…

    Cheers,
    —
    Jens

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Alignment fail for Block Editor list type’ is closed to new replies.