Misalignment of lists

  • On desktop, the lists’ text — not the bullets or numbering — is aligned with the rest of the text, which makes it so that the bullets or numbering are shifted to the left, into the margin of the articles and pages. On desktop, the margin is wide enough, so it does not look that bad. However, on smaller devices such as my iPad Air (in portrait orientation), the numbering almost touches the border of the articles. I feel that this was not intended.

    Here is a screenshot: https://imgur.com/a/i0w7m

    I am sorry to give a WordPress.com example. I have another blog running on www.remarpro.com, but I am having issues with its server right now. Anyway I have the same issue on both platforms.

    • This topic was modified 7 years, 6 months ago by maliktunga.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Kathryn Presner

    (@zoonini)

    I see what you mean! I’ll let our developers know so we can get it fixed up and we’ll keep you posted here. I’ll put together some temporary CSS you can use in the meantime – stay tuned.

    Moderator Kathryn Presner

    (@zoonini)

    Give this a try in your custom CSS editor:

    @media screen and ( max-width: 860px ) {
  ul, ol {
    margin-left: 2em;
  }
}

    Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated.

    An easy way to add custom CSS is to use the CSS editor included in the Customizer as of WordPress 4.7. Head to Appearance > Customize > Additional CSS to add your custom CSS.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Misalignment of lists’ is closed to new replies.